first commit

src/@layouts/components/VerticalNavLink.vue

@@ -0,0 +1,39 @@
+<script lang="ts" setup>
+import type { NavLink } from '@layouts/types'
+
+defineProps<{
+  item: NavLink
+}>()
+</script>
+
+<template>
+  <li
+    class="nav-link"
+    :class="{ disabled: item.disable }"
+  >
+    <Component
+      :is="item.to ? 'RouterLink' : 'a'"
+      :to="item.to"
+      :href="item.href"
+    >
+      <VIcon
+        :icon="item.icon"
+        class="nav-item-icon"
+      />
+      <!-- 👉 Title -->
+      <span class="nav-item-title">
+        {{ item.title }}
+      </span>
+    </Component>
+  </li>
+</template>
+
+<style lang="scss">
+.layout-vertical-nav {
+  .nav-link a {
+    display: flex;
+    align-items: center;
+    cursor: pointer;
+  }
+}
+</style>