From 96fe308220295cc6038d3939b1a786b6907be7d7 Mon Sep 17 00:00:00 2001
From: puriphatt <puriphat@frappet.com>
Date: Wed, 18 Sep 2024 11:42:34 +0700
Subject: [PATCH] refactor: side menu btn

---
 src/components/SideMenu.vue | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/components/SideMenu.vue b/src/components/SideMenu.vue
index 0399d875..478125a1 100644
--- a/src/components/SideMenu.vue
+++ b/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>