fashion-ssr-vue3/components/business/account/icon-group.vue

<script lang='ts' setup>
import { computed, defineAsyncComponent, nextTick, onMounted, onUnmounted, ref, watch } from 'vue'

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

<template>
  <div class="">
    <svgo-dashboard v-if="icon === 'dashboard'" class="!w-22px !h-22px" />
    <svgo-rfqs v-if="icon === 'rfqs'" class="!w-20px !h-20px" />
    <svgo-favorite v-if="icon === 'favourite'" class="!w-22px !h-22px" />
    <svgo-order v-if="icon === 'order'" class="!w-22px !h-22px" />
    <svgo-notice v-if="icon === 'notice'" class="!w-22px !h-22px" />
    <svgo-message v-if="icon === 'message'" class="!w-22px !h-22px" />
    <svgo-setting v-if="icon === 'setting'" class="!w-22px !h-22px" />
  </div>
</template>

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