<template>
    <svg aria-hidden="true" class="g-icon">
        <use :xlink:href="'#icon-'+name"></use>
    </svg>
</template>
<script>
    import './svg.js'
    export default {
        name: 'g-icon',
        props: ['name'],
        // computed: {
        //     iconName(){
        //         return　`#icon-${this.name}`
        //     }
        // }
    }
</script>
<style lang="scss" scoped>
    .g-icon {
        height: 1em;
        width:  1em;
    }

</style>
