refactor: side menu btn

src/components/SideMenu.vue

@@ -9,6 +9,7 @@ type Menu = {
   name: string;
   sub?: boolean;
   tab?: string;
+  useBtn?: boolean;
 };
 
 const props = defineProps<{
@@ -86,7 +87,7 @@ onUnmounted(() => {
           '--side-menu__fg-active': active?.foreground,
           '--side-menu__bg-active': active?.background,
         }"
-        class="side-menu__item"
+        class="side-menu__item row items-center justify-between no-wrap"
         :class="{
           'side-menu__active': activeMenu === v.anchor,
           'side-menu__sub': v.sub || false,
@@ -94,6 +95,7 @@ onUnmounted(() => {
         @click="handleClick(v)"
       >
         {{ v.name }}
+        <slot v-if="v.useBtn" :name="`btn-${v.anchor}`"></slot>
       </span>
     </template>
   </div>