Дмитрий

function textIntoSpan(inputText) {
  var word = inputText.split('');
  let result = '';

  word.forEach(function(char, i){
    var idx = i + 1;
    result += (char.trim() === '') ? '' : '<span class="char'+idx+'">' + char + '</span>';
  });

  return result;
}

function generateHTML(text) {  
  return `<h1>${Array.from(text).map((a, idx) => `<span class="char${idx}">${a}</span>`).join('')}</h1>`
}

transform-origin: 50% 100%;
transform: perspective(300px) rotateX(25deg);

<template>
    <i :class="getIconNameByType(type)"/>
  </template>

setup () {
  function getIconNameByType (type) {
    const iconsMap = {
      'image/svg': 'fas file-icon fa-image',
      'image/jpeg': 'fas file-icon fa-image',
      'image/jpg': 'fas file-icon fa-image',
      'text/javascript': 'fas file-icon fa-image',
      // ....
    };

    return iconsMap[type];
  }

  return {
    getIconNameByType
  };
}