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 === '0'" class="!w-20px !h-20px" />
    <svgo-tech v-if="icon === '1'" class="!w-20px !h-20px" />
    <svgo-lifeStyle v-if="icon === '2'" class="!w-20px !h-20px" />
    <svgo-stationery v-if="icon === '3'" class="!w-20px !h-20px" />
    <svgo-fashion v-if="icon === '4'" class="!w-20px !h-20px" />
    <svgo-gifts v-if="icon === '5'" class="!w-20px !h-20px" />
    <svgo-creative v-if="icon === '6'" class="!w-20px !h-20px" />
    <svgo-beauty v-if="icon === '7'" class="!w-20px !h-20px" />
  </div>
</template>

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