fashion-ssr-vue3/components/common/navigation/icon-group.vue

<script lang='ts' setup>
defineProps({
  icon: {
    type: String,
    default: '',
  },
})
</script>

<template>
  <div class="">
    <svgo-trend v-if="icon === 'trend'" class="!w-20px !h-20px" />
    <svgo-tech v-if="icon === 'tech'" class="!w-20px !h-20px" />
    <svgo-lifeStyle v-if="icon === 'lifeStyle'" class="!w-20px !h-20px" />
    <svgo-stationery v-if="icon === 'stationery'" class="!w-20px !h-20px" />
    <svgo-fashion v-if="icon === 'fashion'" class="!w-20px !h-20px" />
    <svgo-gifts v-if="icon === 'gifts'" class="!w-20px !h-20px" />
    <svgo-creative v-if="icon === 'creative'" class="!w-20px !h-20px" />
    <svgo-beauty v-if="icon === 'beauty'" class="!w-20px !h-20px" />
  </div>
</template>

<style lang='less' scoped>
</style>