Есть компонент с svg иконками
<template>
<svg v-if="name === 'userIco'">....</svg>
<svg v-else-if="name === ''helpIco">....</svg>
<svg v-else-if="name === ''logoIco">....</svg>
</template>
<script lang="ts">
import { defineComponent } from 'vue'
export default defineComponent({
name: 'icons',
props: ['name']
})
</script>
Использование
<template>
<icons :name="logoIco"/>
</template>
<script lang="ts">
import icons from '@/components/icons.vue'
export default defineComponent({
components: {
icons
}
})
</script>
Не хочется засорять компоненты большим количеством кода svg, но не могут ли возникнуть проблем с подобным подключением иконок? Возможно есть более лаконичный способ?
