Font Awesome 5 - SVG Icon component

Icon.vue

<template>
    <svg class="icon" viewBox="0 0 512 512"><use :xlink:href="'/svg/fa-' + w + '.svg#' + n"></use></svg>
</template>
<script>
    export default {
        props: {
            weight: { default: 'regular' },
            name: { type: String }
        },

        data () {
            return {
                w: this.weight,
                n: this.name
            }
        },

        mounted () {
            if (this.$slots.default) {
                var meta = this.$slots.default[0].text.split('/')

                if (meta.length == 1) {
                    this.n = meta[0]
                } else {
                    this.w = meta[0]
                    this.n = meta[1]
                }
            }
        }
    }
</script>