project setup

src/components/SideBar/SideBarMenuItem.vue

@@ -0,0 +1,20 @@
+<script setup lang="ts">
+const props = defineProps<{
+  icon?: string
+}>()
+</script>
+<template>
+  <a class="text-opacity-50 text-decoration-none w-100 d-block link-secondary">
+    <i :class="`bi bi-${props.icon}`" class="me-2" v-if="props.icon"></i
+    ><slot></slot>
+  </a>
+</template>
+<style scoped lang="scss">
+a {
+  cursor: pointer;
+  border-radius: var(--bs-border-radius);
+}
+a:hover {
+  background-color: var(--bs-gray-300);
+}
+</style>