<template>
  <div class="menu-title">
    <component v-if="item.meta?.icon" :is="item.meta?.icon" class="menu-title-icon" />
    <span>
      {{ item.meta?.title }}
    </span>
  </div>
</template>
<script lang="ts" setup>
  const props = defineProps<{ item: any }>();
</script>
<style scoped>
  .menu-title {
    margin-left: 12px;
  }
  .menu-title-icon {
    margin-right: 10px;
  }
</style>
