sidebar component

src/components/ui/sidebar/SidebarMenuItem.vue

@@ -0,0 +1,16 @@
+<script setup>
+    import { cn } from '@/lib/utils';
+
+    const props = defineProps({
+        class: {
+            type: [String, Array, Object],
+            default: undefined
+        }
+    });
+</script>
+
+<template>
+    <li data-slot="sidebar-menu-item" data-sidebar="menu-item" :class="cn('group/menu-item relative', props.class)">
+        <slot />
+    </li>
+</template>