<template> <span class="icon-text"> <span class="icon"> <i :class="`fa fa-${name}`"></i> </span> <span><slot /></span> </span> </template> <script lang="ts"> export default { name: 'Icon', props: { name: { type: String, required: true, }, }, } </script>