From c5bfd31b5096489c179842fa903074055e3d181f Mon Sep 17 00:00:00 2001
From: 50l3r <500l3r@gmail.com>
Date: Sat, 19 Oct 2024 19:47:38 +0200
Subject: [PATCH] feat: add icontype to meny opts

---
 src/config/_menu.ts                      |  1 +
 src/layouts/main/partials/aside/menu.vue | 36 ++++++------------------
 2 files changed, 9 insertions(+), 28 deletions(-)

diff --git a/src/config/_menu.ts b/src/config/_menu.ts
index 0be0e10..a547432 100644
--- a/src/config/_menu.ts
+++ b/src/config/_menu.ts
@@ -22,6 +22,7 @@ export type MenuItem = {
     disabled?: boolean
     route: RouteLocationRaw
     icon: string
+    iconType?: 'fas' | 'far' | 'fab' | 'fad'
     auth?: boolean
     pages?: MenuItem[]
 }
diff --git a/src/layouts/main/partials/aside/menu.vue b/src/layouts/main/partials/aside/menu.vue
index 68f4233..029731f 100644
--- a/src/layouts/main/partials/aside/menu.vue
+++ b/src/layouts/main/partials/aside/menu.vue
@@ -42,7 +42,9 @@
                                         >
                                             <k-icon
                                                 :icon="menuItem.icon"
-                                                type="fal"
+                                                :type="
+                                                    menuItem.iconType || 'fal'
+                                                "
                                             />
                                         </span>
 
@@ -86,7 +88,7 @@
                                     >
                                         <k-icon
                                             :icon="menuItem.icon"
-                                            type="fal"
+                                            :type="menuItem.iconType || 'fal'"
                                         />
                                     </span>
                                     <span
@@ -148,11 +150,13 @@
                                                     <span
                                                         v-if="item2.icon"
                                                         class="k-menu-icon"
-                                                        type="fal"
                                                     >
                                                         <k-icon
                                                             :icon="item2.icon"
-                                                            type="fal"
+                                                            :type="
+                                                                item2.iconType ||
+                                                                'fal'
+                                                            "
                                                         />
                                                     </span>
 
@@ -162,33 +166,9 @@
                                                     >
                                                         {{ item2.title }}
                                                     </span>
-
-                                                    <!-- <k-icon
-                                                        v-if="item2.pages"
-                                                        icon="chevron-down"
-                                                        class="k-menu-chevron"
-                                                    /> -->
                                                 </button>
                                             </router-link>
                                         </k-tooltip>
-
-                                        <!-- <div
-                                            class="menu-sub menu-sub-accordion"
-                                        >
-                                            <template
-                                                v-for="(
-                                                    item3, k
-                                                ) in item2.pages"
-                                                :key="k"
-                                            >
-                                                <div
-                                                    v-if="checkRoles(item3)"
-                                                    class="menu-item"
-                                                >
-                                                    <menu-item :item="item3" />
-                                                </div>
-                                            </template>
-                                        </div> -->
                                     </li>
                                 </template>
                             </ul>