From 96b287e54049fca3be6a8db5270f8fe177164969 Mon Sep 17 00:00:00 2001
From: Dede Fuji Abdul <defuj.official@gmail.com>
Date: Fri, 27 Oct 2023 10:23:47 +0700
Subject: [PATCH 01/12] update action dialog success

---
 src/components/Dialogs/ActionDialog.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/Dialogs/ActionDialog.vue b/src/components/Dialogs/ActionDialog.vue
index 542dd17..b35f733 100644
--- a/src/components/Dialogs/ActionDialog.vue
+++ b/src/components/Dialogs/ActionDialog.vue
@@ -145,7 +145,7 @@ const handleOnClose = () => {
                                     class="flex items-center justify-center w-12 h-12 mx-auto rounded-full bg-secondary-100">
                                     <!-- <CheckIcon class="w-6 h-6 text-green-600" aria-hidden="true" /> -->
                                     <svg width="32" height="32" viewBox="0 0 32 32"
-                                        class="w-6 h-6 text-secondary-600 fill-secondary-600">
+                                        class="w-6 h-6 text-green-600 fill-green-600">
                                         <path opacity="0.2"
                                             d="M28 16C28 18.3734 27.2962 20.6935 25.9776 22.6668C24.6591 24.6402 22.7849 26.1783 20.5922 27.0866C18.3995 27.9948 15.9867 28.2324 13.6589 27.7694C11.3312 27.3064 9.19295 26.1635 7.51472 24.4853C5.83649 22.8071 4.6936 20.6689 4.23058 18.3411C3.76756 16.0133 4.0052 13.6005 4.91345 11.4078C5.8217 9.21509 7.35977 7.34094 9.33316 6.02236C11.3066 4.70379 13.6266 4 16 4C19.1826 4 22.2348 5.26428 24.4853 7.51472C26.7357 9.76515 28 12.8174 28 16Z"
                                             fill="#007B8D" />

From 298e6b7c0107545c60bc1aa70d60c448c39ba1d6 Mon Sep 17 00:00:00 2001
From: Dede Fuji Abdul <defuj.official@gmail.com>
Date: Fri, 27 Oct 2023 10:44:35 +0700
Subject: [PATCH 02/12] update style

---
 src/assets/css/style.css | 122 +++++++--------------------------------
 1 file changed, 21 insertions(+), 101 deletions(-)

diff --git a/src/assets/css/style.css b/src/assets/css/style.css
index d2c872c..911c2f3 100644
--- a/src/assets/css/style.css
+++ b/src/assets/css/style.css
@@ -1252,10 +1252,6 @@ select {
   max-height: 15rem;
 }
 
-.max-h-80 {
-  max-height: 20rem;
-}
-
 .max-h-\[1000px\] {
   max-height: 1000px;
 }
@@ -1611,10 +1607,6 @@ select {
   --tw-divide-opacity: 0.1;
 }
 
-.divide-opacity-100 > :not([hidden]) ~ :not([hidden]) {
-  --tw-divide-opacity: 1;
-}
-
 .overflow-auto {
   overflow: auto;
 }
@@ -1675,16 +1667,6 @@ select {
   border-bottom-right-radius: 9999px;
 }
 
-.rounded-t-3xl {
-  border-top-left-radius: 1.5rem;
-  border-top-right-radius: 1.5rem;
-}
-
-.rounded-t-xl {
-  border-top-left-radius: 0.75rem;
-  border-top-right-radius: 0.75rem;
-}
-
 .rounded-t-2xl {
   border-top-left-radius: 1rem;
   border-top-right-radius: 1rem;
@@ -1883,6 +1865,10 @@ select {
   background-color: rgb(204 204 0 / var(--tw-bg-opacity));
 }
 
+.bg-opacity-100 {
+  --tw-bg-opacity: 1;
+}
+
 .bg-opacity-25 {
   --tw-bg-opacity: 0.25;
 }
@@ -1907,14 +1893,6 @@ select {
   background-image: none;
 }
 
-.fill-gray-400 {
-  fill: #9ca3af;
-}
-
-.bg-opacity-100 {
-  --tw-bg-opacity: 1;
-}
-
 .fill-gray-500 {
   fill: #6b7280;
 }
@@ -1923,6 +1901,10 @@ select {
   fill: #4b5563;
 }
 
+.fill-green-600 {
+  fill: #16a34a;
+}
+
 .fill-primary-500 {
   fill: #035b71;
 }
@@ -1931,10 +1913,6 @@ select {
   fill: #cc0000;
 }
 
-.fill-secondary-600 {
-  fill: #007b8d;
-}
-
 .fill-white {
   fill: #fff;
 }
@@ -2138,14 +2116,6 @@ select {
   padding-top: 1.25rem;
 }
 
-.pt-6 {
-  padding-top: 1.5rem;
-}
-
-.pt-4 {
-  padding-top: 1rem;
-}
-
 .text-left {
   text-align: left;
 }
@@ -2191,16 +2161,16 @@ select {
   line-height: 1.25rem;
 }
 
-.text-xs {
-  font-size: 0.75rem;
-  line-height: 1rem;
-}
-
 .text-xl {
   font-size: 1.25rem;
   line-height: 1.75rem;
 }
 
+.text-xs {
+  font-size: 0.75rem;
+  line-height: 1rem;
+}
+
 .font-bold {
   font-weight: 700;
 }
@@ -2292,6 +2262,11 @@ select {
   color: rgb(21 22 23 / var(--tw-text-opacity));
 }
 
+.text-gray-200 {
+  --tw-text-opacity: 1;
+  color: rgb(229 231 235 / var(--tw-text-opacity));
+}
+
 .text-gray-300 {
   --tw-text-opacity: 1;
   color: rgb(209 213 219 / var(--tw-text-opacity));
@@ -2382,11 +2357,6 @@ select {
   color: rgb(204 0 0 / var(--tw-text-opacity));
 }
 
-.text-secondary-600 {
-  --tw-text-opacity: 1;
-  color: rgb(0 123 141 / var(--tw-text-opacity));
-}
-
 .text-slate-600 {
   --tw-text-opacity: 1;
   color: rgb(71 85 105 / var(--tw-text-opacity));
@@ -2422,11 +2392,6 @@ select {
   color: rgb(153 153 0 / var(--tw-text-opacity));
 }
 
-.text-gray-200 {
-  --tw-text-opacity: 1;
-  color: rgb(229 231 235 / var(--tw-text-opacity));
-}
-
 .text-opacity-40 {
   --tw-text-opacity: 0.4;
 }
@@ -2915,8 +2880,6 @@ select {
   color: rgb(53 124 141 / var(--tw-text-opacity));
 }
 
-.group:hover .group-hover\:fill-gray-500 {
-  fill: #6b7280;
 .group:hover .group-hover\:block {
   display: block;
 }
@@ -3268,10 +3231,6 @@ select {
     padding-right: 1.5rem;
   }
 
-  .sm\:pt-4 {
-    padding-top: 1rem;
-  }
-
   .sm\:text-left {
     text-align: left;
   }
@@ -3393,29 +3352,14 @@ select {
     padding: 5rem;
   }
 
-  .md\:px-0 {
-    padding-left: 0px;
-    padding-right: 0px;
-  }
-
-  .md\:px-4 {
-    padding-left: 1rem;
-    padding-right: 1rem;
-  }
-
-  .md\:py-0 {
-    padding-top: 0px;
-    padding-bottom: 0px;
-  }
-
   .md\:px-6 {
     padding-left: 1.5rem;
     padding-right: 1.5rem;
   }
 
-  .md\:py-6 {
-    padding-top: 1.5rem;
-    padding-bottom: 1.5rem;
+  .md\:py-0 {
+    padding-top: 0px;
+    padding-bottom: 0px;
   }
 
   .md\:pl-4 {
@@ -3426,15 +3370,6 @@ select {
     padding-left: 20rem;
   }
 
-  .md\:pt-6 {
-    padding-top: 1.5rem;
-  }
-
-  .md\:text-2xl {
-    font-size: 1.5rem;
-    line-height: 2rem;
-  }
-
   .md\:text-3xl {
     font-size: 1.875rem;
     line-height: 2.25rem;
@@ -3522,21 +3457,6 @@ select {
     padding-right: 2rem;
   }
 
-  .lg\:px-6 {
-    padding-left: 1.5rem;
-    padding-right: 1.5rem;
-  }
-
-  .lg\:py-6 {
-    padding-top: 1.5rem;
-    padding-bottom: 1.5rem;
-  }
-
-  .lg\:text-3xl {
-    font-size: 1.875rem;
-    line-height: 2.25rem;
-  }
-
   .lg\:text-xs {
     font-size: 0.75rem;
     line-height: 1rem;

From c479b35cf8f1a05ea2f97fdb3d8516bc4a54cd03 Mon Sep 17 00:00:00 2001
From: Dede Fuji Abdul <defuj.official@gmail.com>
Date: Fri, 27 Oct 2023 11:10:33 +0700
Subject: [PATCH 03/12] update recent page list title

---
 src/components/Pages/Welcome.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/Pages/Welcome.vue b/src/components/Pages/Welcome.vue
index a4e95e1..0c22663 100644
--- a/src/components/Pages/Welcome.vue
+++ b/src/components/Pages/Welcome.vue
@@ -12,7 +12,7 @@
             <div v-if="query === '' || filteredMenus.length > 0" static class="w-full mt-6 md:mt-8 lg:mt-12">
                 <div class="flex flex-col items-start w-full p-2" v-if="filteredMenus.length > 0 || recent.length > 0">
                     <h2 v-if="query === '' && recent.length > 0" class="mb-2 text-xs font-semibold text-gray-900 ">
-                        Terakhir Dikunjungi
+                        Terakhir Diakses
                     </h2>
                     <div class="flex flex-col w-full space-y-3" v-for="menu in query === '' ? recent : filteredMenus"
                         :key="menu.path">

From 62696fa8f579080ee4d5326282326e7bf14d2a1d Mon Sep 17 00:00:00 2001
From: Dede Fuji Abdul <defuj.official@gmail.com>
Date: Fri, 27 Oct 2023 11:28:58 +0700
Subject: [PATCH 04/12] update style

---
 src/assets/css/style.css | 9 ---------
 1 file changed, 9 deletions(-)

diff --git a/src/assets/css/style.css b/src/assets/css/style.css
index d68ff60..911c2f3 100644
--- a/src/assets/css/style.css
+++ b/src/assets/css/style.css
@@ -1917,10 +1917,6 @@ select {
   fill: #fff;
 }
 
-.fill-secondary-600 {
-  fill: #007b8d;
-}
-
 .stroke-white {
   stroke: #fff;
 }
@@ -2396,11 +2392,6 @@ select {
   color: rgb(153 153 0 / var(--tw-text-opacity));
 }
 
-.text-secondary-600 {
-  --tw-text-opacity: 1;
-  color: rgb(0 123 141 / var(--tw-text-opacity));
-}
-
 .text-opacity-40 {
   --tw-text-opacity: 0.4;
 }

From 356102c20f092af388aee18cf05b8bc90f8a0e80 Mon Sep 17 00:00:00 2001
From: Dede Fuji Abdul <defuj.official@gmail.com>
Date: Fri, 27 Oct 2023 13:30:28 +0700
Subject: [PATCH 05/12] update style

---
 src/assets/css/style.css | 103 +++++++--------------------------------
 1 file changed, 17 insertions(+), 86 deletions(-)

diff --git a/src/assets/css/style.css b/src/assets/css/style.css
index 6ddbd1a..0082b19 100644
--- a/src/assets/css/style.css
+++ b/src/assets/css/style.css
@@ -1210,10 +1210,6 @@ select {
   max-height: 15rem;
 }
 
-.max-h-80 {
-  max-height: 20rem;
-}
-
 .max-h-\[1000px\] {
   max-height: 1000px;
 }
@@ -1547,10 +1543,6 @@ select {
   --tw-divide-opacity: 0.1;
 }
 
-.divide-opacity-100 > :not([hidden]) ~ :not([hidden]) {
-  --tw-divide-opacity: 1;
-}
-
 .overflow-auto {
   overflow: auto;
 }
@@ -1607,16 +1599,6 @@ select {
   border-bottom-right-radius: 9999px;
 }
 
-.rounded-t-3xl {
-  border-top-left-radius: 1.5rem;
-  border-top-right-radius: 1.5rem;
-}
-
-.rounded-t-xl {
-  border-top-left-radius: 0.75rem;
-  border-top-right-radius: 0.75rem;
-}
-
 .rounded-t-2xl {
   border-top-left-radius: 1rem;
   border-top-right-radius: 1rem;
@@ -1805,6 +1787,10 @@ select {
   background-color: rgb(204 204 0 / var(--tw-bg-opacity));
 }
 
+.bg-opacity-100 {
+  --tw-bg-opacity: 1;
+}
+
 .bg-opacity-25 {
   --tw-bg-opacity: 0.25;
 }
@@ -1825,10 +1811,6 @@ select {
   --tw-bg-opacity: 0.8;
 }
 
-.bg-opacity-100 {
-  --tw-bg-opacity: 1;
-}
-
 .fill-gray-500 {
   fill: #6b7280;
 }
@@ -2048,14 +2030,6 @@ select {
   padding-top: 1.25rem;
 }
 
-.pt-6 {
-  padding-top: 1.5rem;
-}
-
-.pt-4 {
-  padding-top: 1rem;
-}
-
 .text-left {
   text-align: left;
 }
@@ -2101,16 +2075,16 @@ select {
   line-height: 1.25rem;
 }
 
-.text-xs {
-  font-size: 0.75rem;
-  line-height: 1rem;
-}
-
 .text-xl {
   font-size: 1.25rem;
   line-height: 1.75rem;
 }
 
+.text-xs {
+  font-size: 0.75rem;
+  line-height: 1rem;
+}
+
 .font-bold {
   font-weight: 700;
 }
@@ -2202,6 +2176,11 @@ select {
   color: rgb(21 22 23 / var(--tw-text-opacity));
 }
 
+.text-gray-200 {
+  --tw-text-opacity: 1;
+  color: rgb(229 231 235 / var(--tw-text-opacity));
+}
+
 .text-gray-300 {
   --tw-text-opacity: 1;
   color: rgb(209 213 219 / var(--tw-text-opacity));
@@ -2332,11 +2311,6 @@ select {
   color: rgb(153 153 0 / var(--tw-text-opacity));
 }
 
-.text-gray-200 {
-  --tw-text-opacity: 1;
-  color: rgb(229 231 235 / var(--tw-text-opacity));
-}
-
 .text-opacity-40 {
   --tw-text-opacity: 0.4;
 }
@@ -3124,10 +3098,6 @@ select {
     padding-right: 1.5rem;
   }
 
-  .sm\:pt-4 {
-    padding-top: 1rem;
-  }
-
   .sm\:text-left {
     text-align: left;
   }
@@ -3249,29 +3219,14 @@ select {
     padding: 5rem;
   }
 
-  .md\:px-0 {
-    padding-left: 0px;
-    padding-right: 0px;
-  }
-
-  .md\:px-4 {
-    padding-left: 1rem;
-    padding-right: 1rem;
-  }
-
-  .md\:py-0 {
-    padding-top: 0px;
-    padding-bottom: 0px;
-  }
-
   .md\:px-6 {
     padding-left: 1.5rem;
     padding-right: 1.5rem;
   }
 
-  .md\:py-6 {
-    padding-top: 1.5rem;
-    padding-bottom: 1.5rem;
+  .md\:py-0 {
+    padding-top: 0px;
+    padding-bottom: 0px;
   }
 
   .md\:pl-4 {
@@ -3282,15 +3237,6 @@ select {
     padding-left: 20rem;
   }
 
-  .md\:pt-6 {
-    padding-top: 1.5rem;
-  }
-
-  .md\:text-2xl {
-    font-size: 1.5rem;
-    line-height: 2rem;
-  }
-
   .md\:text-3xl {
     font-size: 1.875rem;
     line-height: 2.25rem;
@@ -3374,21 +3320,6 @@ select {
     padding-right: 2rem;
   }
 
-  .lg\:px-6 {
-    padding-left: 1.5rem;
-    padding-right: 1.5rem;
-  }
-
-  .lg\:py-6 {
-    padding-top: 1.5rem;
-    padding-bottom: 1.5rem;
-  }
-
-  .lg\:text-3xl {
-    font-size: 1.875rem;
-    line-height: 2.25rem;
-  }
-
   .lg\:text-xs {
     font-size: 0.75rem;
     line-height: 1rem;

From 7c6212c37b3e59c69a614e7095409d139200439b Mon Sep 17 00:00:00 2001
From: Dede Fuji Abdul <defuj.official@gmail.com>
Date: Fri, 27 Oct 2023 13:51:43 +0700
Subject: [PATCH 06/12] update

---
 src/stores/menu.ts | 17 ++++++-----------
 vite.config.ts     |  3 ++-
 2 files changed, 8 insertions(+), 12 deletions(-)

diff --git a/src/stores/menu.ts b/src/stores/menu.ts
index 02c0210..9711dcd 100644
--- a/src/stores/menu.ts
+++ b/src/stores/menu.ts
@@ -40,18 +40,8 @@ export const useMenuStore = defineStore('menu', () => {
     }
     const toggleSidebarDesktop = () => (sidebarShowed.value = !sidebarShowed.value)
 
-    watch(router, (value) => {
-        if (value.currentRoute.value.fullPath === '/' || value.currentRoute.value.fullPath === '/home') {
-            for (const item of navigation.value) {
-                item.expanded = false
-            }
-        }
-    })
-
     watch(menuSelected, (value) => {
         if (value !== '/login' && value !== '/404' && value !== '/home' && value !== '/') {
-            console.log('current route', value);
-
             const result = command.searchRoutesPath(routes, value)
             if (result.length > 0) {
                 const route = result.find((item) => item.path === value)
@@ -59,7 +49,12 @@ export const useMenuStore = defineStore('menu', () => {
                     command.addRecent(route)
                 }
             }
-
+        } else {
+            if (value === '/' || value === '/home') {
+                for (const item of navigation.value) {
+                    item.expanded = false
+                }
+            }
         }
     })
 
diff --git a/vite.config.ts b/vite.config.ts
index 6c8dc64..e90681d 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -18,7 +18,8 @@ export default defineConfig({
   ],
   resolve: {
     alias: {
-      '@': fileURLToPath(new URL('./src', import.meta.url))
+      '@': fileURLToPath(new URL('./src', import.meta.url)),
+      'inferno': 'inferno/dist/index.dev.esm.js',
     }
   },
 })

From 06749de494adf8639957a2d6f0bfbc52ddf0fb79 Mon Sep 17 00:00:00 2001
From: Dede Fuji Abdul <defuj.official@gmail.com>
Date: Fri, 27 Oct 2023 15:36:47 +0700
Subject: [PATCH 07/12] fix dialog command palettes error

---
 package-lock.json                             | 79 ++++++++++---------
 package.json                                  |  2 +-
 src/App.vue                                   |  5 --
 src/components/CommandPalettes.vue            |  7 +-
 .../Navigation/Aside/AsideMenuMultiple.vue    |  3 +-
 src/stores/command.ts                         |  7 +-
 src/stores/menu.ts                            | 12 +--
 7 files changed, 54 insertions(+), 61 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 33c2a51..2a53c13 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "eis",
-  "version": "0.0.1",
+  "version": "0.0.2",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "eis",
-      "version": "0.0.1",
+      "version": "0.0.2",
       "dependencies": {
         "@headlessui/tailwindcss": "^0.2.0",
         "@headlessui/vue": "^1.7.16",
@@ -500,9 +500,9 @@
       }
     },
     "node_modules/@babel/traverse": {
-      "version": "7.23.0",
-      "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.23.0.tgz",
-      "integrity": "sha512-t/QaEvyIoIkwzpiZ7aoSKK8kObQYeF7T2v+dazAYCb8SXtp58zEVkWW7zAnju8FNKNdr4ScAOEDmMItbyOmEYw==",
+      "version": "7.23.2",
+      "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.23.2.tgz",
+      "integrity": "sha512-azpe59SQ48qG6nu2CzcMLbxUudtN+dOM9kDbUqGq3HXUJRlo7i8fvPoxQUzYgLZ4cMVmuZgm8vvBpNeRhd6XSw==",
       "dev": true,
       "dependencies": {
         "@babel/code-frame": "^7.22.13",
@@ -2678,19 +2678,22 @@
       }
     },
     "node_modules/browserify-sign": {
-      "version": "4.2.1",
-      "resolved": "https://registry.npmjs.org/browserify-sign/-/browserify-sign-4.2.1.tgz",
-      "integrity": "sha512-/vrA5fguVAKKAVTNJjgSm1tRQDHUU6DbwO9IROu/0WAzC8PKhucDSh18J0RMvVeHAn5puMd+QHC2erPRNf8lmg==",
+      "version": "4.2.2",
+      "resolved": "https://registry.npmjs.org/browserify-sign/-/browserify-sign-4.2.2.tgz",
+      "integrity": "sha512-1rudGyeYY42Dk6texmv7c4VcQ0EsvVbLwZkA+AQB7SxvXxmcD93jcHie8bzecJ+ChDlmAm2Qyu0+Ccg5uhZXCg==",
       "dependencies": {
-        "bn.js": "^5.1.1",
-        "browserify-rsa": "^4.0.1",
+        "bn.js": "^5.2.1",
+        "browserify-rsa": "^4.1.0",
         "create-hash": "^1.2.0",
         "create-hmac": "^1.1.7",
-        "elliptic": "^6.5.3",
+        "elliptic": "^6.5.4",
         "inherits": "^2.0.4",
-        "parse-asn1": "^5.1.5",
-        "readable-stream": "^3.6.0",
-        "safe-buffer": "^5.2.0"
+        "parse-asn1": "^5.1.6",
+        "readable-stream": "^3.6.2",
+        "safe-buffer": "^5.2.1"
+      },
+      "engines": {
+        "node": ">= 4"
       }
     },
     "node_modules/browserify-sign/node_modules/readable-stream": {
@@ -3259,9 +3262,9 @@
       }
     },
     "node_modules/crypto-js": {
-      "version": "4.1.1",
-      "resolved": "https://registry.npmjs.org/crypto-js/-/crypto-js-4.1.1.tgz",
-      "integrity": "sha512-o2JlM7ydqd3Qk9CA0L4NL6mTzU2sdx96a+oOfPu8Mkl/PK51vSyoi8/rQ8NknZtk44vq15lmhAj9CIAGwgeWKw=="
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/crypto-js/-/crypto-js-4.2.0.tgz",
+      "integrity": "sha512-KALDyEYgpY+Rlob/iriUtjV6d5Eq+Y191A5g4UqLAi8CyGP9N1+FdVbkc1SxKc2r4YAYqG8JzO2KGL+AizD70Q=="
     },
     "node_modules/css-line-break": {
       "version": "2.1.0",
@@ -8511,9 +8514,9 @@
       }
     },
     "node_modules/vite": {
-      "version": "4.4.11",
-      "resolved": "https://registry.npmjs.org/vite/-/vite-4.4.11.tgz",
-      "integrity": "sha512-ksNZJlkcU9b0lBwAGZGGaZHCMqHsc8OpgtoYhsQ4/I2v5cnpmmmqe5pM4nv/4Hn6G/2GhTdj0DhZh2e+Er1q5A==",
+      "version": "4.5.0",
+      "resolved": "https://registry.npmjs.org/vite/-/vite-4.5.0.tgz",
+      "integrity": "sha512-ulr8rNLA6rkyFAlVWw2q5YJ91v098AFQ2R0PRFwPzREXOUJQPtFUG0t+/ZikhaOCDqFoDhN6/v8Sq0o4araFAw==",
       "dependencies": {
         "esbuild": "^0.18.10",
         "postcss": "^8.4.27",
@@ -9492,9 +9495,9 @@
       }
     },
     "@babel/traverse": {
-      "version": "7.23.0",
-      "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.23.0.tgz",
-      "integrity": "sha512-t/QaEvyIoIkwzpiZ7aoSKK8kObQYeF7T2v+dazAYCb8SXtp58zEVkWW7zAnju8FNKNdr4ScAOEDmMItbyOmEYw==",
+      "version": "7.23.2",
+      "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.23.2.tgz",
+      "integrity": "sha512-azpe59SQ48qG6nu2CzcMLbxUudtN+dOM9kDbUqGq3HXUJRlo7i8fvPoxQUzYgLZ4cMVmuZgm8vvBpNeRhd6XSw==",
       "dev": true,
       "requires": {
         "@babel/code-frame": "^7.22.13",
@@ -11033,19 +11036,19 @@
       }
     },
     "browserify-sign": {
-      "version": "4.2.1",
-      "resolved": "https://registry.npmjs.org/browserify-sign/-/browserify-sign-4.2.1.tgz",
-      "integrity": "sha512-/vrA5fguVAKKAVTNJjgSm1tRQDHUU6DbwO9IROu/0WAzC8PKhucDSh18J0RMvVeHAn5puMd+QHC2erPRNf8lmg==",
+      "version": "4.2.2",
+      "resolved": "https://registry.npmjs.org/browserify-sign/-/browserify-sign-4.2.2.tgz",
+      "integrity": "sha512-1rudGyeYY42Dk6texmv7c4VcQ0EsvVbLwZkA+AQB7SxvXxmcD93jcHie8bzecJ+ChDlmAm2Qyu0+Ccg5uhZXCg==",
       "requires": {
-        "bn.js": "^5.1.1",
-        "browserify-rsa": "^4.0.1",
+        "bn.js": "^5.2.1",
+        "browserify-rsa": "^4.1.0",
         "create-hash": "^1.2.0",
         "create-hmac": "^1.1.7",
-        "elliptic": "^6.5.3",
+        "elliptic": "^6.5.4",
         "inherits": "^2.0.4",
-        "parse-asn1": "^5.1.5",
-        "readable-stream": "^3.6.0",
-        "safe-buffer": "^5.2.0"
+        "parse-asn1": "^5.1.6",
+        "readable-stream": "^3.6.2",
+        "safe-buffer": "^5.2.1"
       },
       "dependencies": {
         "readable-stream": {
@@ -11455,9 +11458,9 @@
       }
     },
     "crypto-js": {
-      "version": "4.1.1",
-      "resolved": "https://registry.npmjs.org/crypto-js/-/crypto-js-4.1.1.tgz",
-      "integrity": "sha512-o2JlM7ydqd3Qk9CA0L4NL6mTzU2sdx96a+oOfPu8Mkl/PK51vSyoi8/rQ8NknZtk44vq15lmhAj9CIAGwgeWKw=="
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/crypto-js/-/crypto-js-4.2.0.tgz",
+      "integrity": "sha512-KALDyEYgpY+Rlob/iriUtjV6d5Eq+Y191A5g4UqLAi8CyGP9N1+FdVbkc1SxKc2r4YAYqG8JzO2KGL+AizD70Q=="
     },
     "css-line-break": {
       "version": "2.1.0",
@@ -15354,9 +15357,9 @@
       }
     },
     "vite": {
-      "version": "4.4.11",
-      "resolved": "https://registry.npmjs.org/vite/-/vite-4.4.11.tgz",
-      "integrity": "sha512-ksNZJlkcU9b0lBwAGZGGaZHCMqHsc8OpgtoYhsQ4/I2v5cnpmmmqe5pM4nv/4Hn6G/2GhTdj0DhZh2e+Er1q5A==",
+      "version": "4.5.0",
+      "resolved": "https://registry.npmjs.org/vite/-/vite-4.5.0.tgz",
+      "integrity": "sha512-ulr8rNLA6rkyFAlVWw2q5YJ91v098AFQ2R0PRFwPzREXOUJQPtFUG0t+/ZikhaOCDqFoDhN6/v8Sq0o4araFAw==",
       "requires": {
         "esbuild": "^0.18.10",
         "fsevents": "~2.3.2",
diff --git a/package.json b/package.json
index 6076041..6051259 100644
--- a/package.json
+++ b/package.json
@@ -63,4 +63,4 @@
     "vitest": "^0.34.6",
     "vue-tsc": "^1.6.5"
   }
-}
+}
\ No newline at end of file
diff --git a/src/App.vue b/src/App.vue
index c146d58..e7bf172 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -4,12 +4,7 @@ import { NotificationProvider } from '@/components/Notification'
 import { useDialogStore } from '@/stores/dialog'
 import ActionDialog from '@/components/Dialogs/ActionDialog.vue'
 import CommandPalettes from '@/components/CommandPalettes.vue'
-import { onMounted } from 'vue'
 const dialog = useDialogStore()
-
-onMounted(() => {
-  // remove all local storage
-})
 </script>
 
 <template>
diff --git a/src/components/CommandPalettes.vue b/src/components/CommandPalettes.vue
index 957129a..8744417 100644
--- a/src/components/CommandPalettes.vue
+++ b/src/components/CommandPalettes.vue
@@ -1,13 +1,13 @@
 <template>
-    <TransitionRoot :show="command.open" as="template" @after-leave="onQueryChange('')" appear>
+    <TransitionRoot :show="command.open" @after-leave="onQueryChange('')" appear>
         <Dialog as="div" class="relative z-10" @close="command.closeCommand">
-            <TransitionChild as="template" enter="ease-out duration-300" enter-from="opacity-0" enter-to="opacity-100"
+            <TransitionChild enter="ease-out duration-300" enter-from="opacity-0" enter-to="opacity-100"
                 leave="ease-in duration-200" leave-from="opacity-100" leave-to="opacity-0">
                 <div class="fixed inset-0 transition-opacity bg-gray-500 bg-opacity-25 backdrop-blur" />
             </TransitionChild>
 
             <div class="fixed inset-0 z-10 p-4 overflow-y-auto sm:p-6 md:p-20">
-                <TransitionChild as="template" enter="ease-out duration-300" enter-from="opacity-0 scale-95"
+                <TransitionChild enter="ease-out duration-300" enter-from="opacity-0 scale-95"
                     enter-to="opacity-100 scale-100" leave="ease-in duration-200" leave-from="opacity-100 scale-100"
                     leave-to="opacity-0 scale-95">
                     <!-- max-w-2xl mx-auto overflow-hidden transition-all transform bg-white bg-opacity-80 divide-y divide-gray-500 shadow-2xl divide-opacity-10 rounded-xl ring-0 ring-black ring-opacity-5 -->
@@ -130,7 +130,6 @@
                             </ComboboxOptions>
 
                             <div v-if="query !== '' && filteredMenus.length === 0" class="px-6 text-center py-14 sm:px-14">
-                                <!-- <FolderIcon class="w-6 h-6 mx-auto text-gray-900 text-opacity-40" aria-hidden="true" /> -->
                                 <h2 class="font-semibold text-slate-900">Tidak ada hasil</h2>
 
                                 <p class="mt-2 text-sm leading-6 text-slate-600">
diff --git a/src/components/Navigation/Aside/AsideMenuMultiple.vue b/src/components/Navigation/Aside/AsideMenuMultiple.vue
index 45f5c60..8868d32 100644
--- a/src/components/Navigation/Aside/AsideMenuMultiple.vue
+++ b/src/components/Navigation/Aside/AsideMenuMultiple.vue
@@ -33,8 +33,7 @@ const isMenuSelected = computed(() => {
 
 <template>
     <div :class="[isChildren ? 'ml-2 mt-1 bg-primary-100 rounded-xl' : '']">
-        <Disclosure :defaultOpen="item.expanded" as="dev">
-            <!-- Nested item with children -->
+        <Disclosure :defaultOpen="item.expanded">
             <DisclosureButton @click="menu.toggleSidebarMenu(item.path, !item.expanded)"
                 :class="[(isMenuSelected || item.expanded || isChildren) ? 'bg-primary-100 font-bold' : 'font-semibold text-aside hover:bg-primary-100 hover:text-primary-500', isMenuSelected ? 'text-primary-500' : 'text-gray-600', isChildren ? 'pl-1 pr-2' : 'px-2', 'group w-full flex items-center py-2 text-left text-xs rounded-lg focus:outline-none focus:ring-0']">
                 <component v-if="isChildren" :is="IconDotOutline"
diff --git a/src/stores/command.ts b/src/stores/command.ts
index 144fc08..487978e 100644
--- a/src/stores/command.ts
+++ b/src/stores/command.ts
@@ -13,11 +13,7 @@ export const useCommandPalattesStore = defineStore('command_palettes', () => {
     const keyFStatus = ref(false)
 
     const showCommandPalettes = () => {
-        open.value = true;
-    }
-
-    const handleOnDismissCommandPalettes = () => {
-        open.value = false;
+        open.value = true
     }
 
     const onKeyPressed = (event: KeyboardEvent) => {
@@ -100,7 +96,6 @@ export const useCommandPalattesStore = defineStore('command_palettes', () => {
     return {
         open,
         showCommandPalettes,
-        handleOnDismissCommandPalettes,
         onKeyPressed,
         onKeyUp,
         addRecent,
diff --git a/src/stores/menu.ts b/src/stores/menu.ts
index 9711dcd..706e4b8 100644
--- a/src/stores/menu.ts
+++ b/src/stores/menu.ts
@@ -39,6 +39,11 @@ export const useMenuStore = defineStore('menu', () => {
         toggleItemExpanded(navigation.value)
     }
     const toggleSidebarDesktop = () => (sidebarShowed.value = !sidebarShowed.value)
+    const collapseAllMenu = (): void => {
+        for (const item of navigation.value) {
+            item.expanded = false
+        }
+    }
 
     watch(menuSelected, (value) => {
         if (value !== '/login' && value !== '/404' && value !== '/home' && value !== '/') {
@@ -50,11 +55,7 @@ export const useMenuStore = defineStore('menu', () => {
                 }
             }
         } else {
-            if (value === '/' || value === '/home') {
-                for (const item of navigation.value) {
-                    item.expanded = false
-                }
-            }
+            collapseAllMenu()
         }
     })
 
@@ -75,6 +76,7 @@ export const useMenuStore = defineStore('menu', () => {
     }
 
     return {
+        collapseAllMenu,
         expandCurrentActiveMenu,
         navigation,
         toggleSidebar,

From d1324f818fa10772200a60e195479ea83d884723 Mon Sep 17 00:00:00 2001
From: Dede Fuji Abdul <defuj.official@gmail.com>
Date: Fri, 27 Oct 2023 15:40:17 +0700
Subject: [PATCH 08/12] update

---
 src/assets/css/style.css           | 113 ++++++++++++++++-------------
 src/components/CommandPalettes.vue |   6 +-
 2 files changed, 64 insertions(+), 55 deletions(-)

diff --git a/src/assets/css/style.css b/src/assets/css/style.css
index 911c2f3..4a4f1c8 100644
--- a/src/assets/css/style.css
+++ b/src/assets/css/style.css
@@ -959,10 +959,6 @@ select {
   top: 50%;
 }
 
-.top-16 {
-  top: 4rem;
-}
-
 .top-3 {
   top: 0.75rem;
 }
@@ -975,6 +971,10 @@ select {
   top: 100%;
 }
 
+.top-16 {
+  top: 4rem;
+}
+
 .z-10 {
   z-index: 10;
 }
@@ -1064,10 +1064,6 @@ select {
   margin-bottom: 2rem;
 }
 
-.me-1 {
-  margin-inline-end: 0.25rem;
-}
-
 .ml-1 {
   margin-left: 0.25rem;
 }
@@ -1140,6 +1136,10 @@ select {
   margin-top: 1.5rem;
 }
 
+.me-1 {
+  margin-inline-end: 0.25rem;
+}
+
 .line-clamp-1 {
   overflow: hidden;
   display: -webkit-box;
@@ -1316,10 +1316,6 @@ select {
   width: 1.5rem;
 }
 
-.w-72 {
-  width: 18rem;
-}
-
 .w-8 {
   width: 2rem;
 }
@@ -1352,6 +1348,10 @@ select {
   width: 1px;
 }
 
+.w-72 {
+  width: 18rem;
+}
+
 .max-w-2xl {
   max-width: 42rem;
 }
@@ -1537,6 +1537,10 @@ select {
   gap: 0.25rem;
 }
 
+.gap-4 {
+  gap: 1rem;
+}
+
 .gap-2 {
   gap: 0.5rem;
 }
@@ -1545,10 +1549,6 @@ select {
   gap: 0.75rem;
 }
 
-.gap-4 {
-  gap: 1rem;
-}
-
 .gap-x-6 {
   -moz-column-gap: 1.5rem;
        column-gap: 1.5rem;
@@ -1637,10 +1637,6 @@ select {
   border-radius: 0.25rem;
 }
 
-.rounded-2xl {
-  border-radius: 1rem;
-}
-
 .rounded-full {
   border-radius: 9999px;
 }
@@ -1657,6 +1653,10 @@ select {
   border-radius: 0.75rem;
 }
 
+.rounded-2xl {
+  border-radius: 1rem;
+}
+
 .rounded-l-full {
   border-top-left-radius: 9999px;
   border-bottom-left-radius: 9999px;
@@ -1732,15 +1732,15 @@ select {
   border-color: rgb(209 213 219 / var(--tw-border-opacity));
 }
 
+.border-transparent {
+  border-color: transparent;
+}
+
 .border-primary-500 {
   --tw-border-opacity: 1;
   border-color: rgb(3 91 113 / var(--tw-border-opacity));
 }
 
-.border-transparent {
-  border-color: transparent;
-}
-
 .bg-black {
   --tw-bg-opacity: 1;
   background-color: rgb(0 0 0 / var(--tw-bg-opacity));
@@ -1751,11 +1751,6 @@ select {
   background-color: rgb(243 244 246 / var(--tw-bg-opacity));
 }
 
-.bg-gray-200 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(229 231 235 / var(--tw-bg-opacity));
-}
-
 .bg-gray-300 {
   --tw-bg-opacity: 1;
   background-color: rgb(209 213 219 / var(--tw-bg-opacity));
@@ -1865,6 +1860,11 @@ select {
   background-color: rgb(204 204 0 / var(--tw-bg-opacity));
 }
 
+.bg-gray-200 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(229 231 235 / var(--tw-bg-opacity));
+}
+
 .bg-opacity-100 {
   --tw-bg-opacity: 1;
 }
@@ -1901,10 +1901,6 @@ select {
   fill: #4b5563;
 }
 
-.fill-green-600 {
-  fill: #16a34a;
-}
-
 .fill-primary-500 {
   fill: #035b71;
 }
@@ -1913,10 +1909,18 @@ select {
   fill: #cc0000;
 }
 
+.fill-secondary-600 {
+  fill: #007b8d;
+}
+
 .fill-white {
   fill: #fff;
 }
 
+.fill-green-600 {
+  fill: #16a34a;
+}
+
 .stroke-white {
   stroke: #fff;
 }
@@ -2357,6 +2361,11 @@ select {
   color: rgb(204 0 0 / var(--tw-text-opacity));
 }
 
+.text-secondary-600 {
+  --tw-text-opacity: 1;
+  color: rgb(0 123 141 / var(--tw-text-opacity));
+}
+
 .text-slate-600 {
   --tw-text-opacity: 1;
   color: rgb(71 85 105 / var(--tw-text-opacity));
@@ -2414,10 +2423,6 @@ select {
   opacity: 1;
 }
 
-.opacity-25 {
-  opacity: 0.25;
-}
-
 .opacity-30 {
   opacity: 0.3;
 }
@@ -2430,6 +2435,10 @@ select {
   opacity: 0.5;
 }
 
+.opacity-25 {
+  opacity: 0.25;
+}
+
 .opacity-75 {
   opacity: 0.75;
 }
@@ -2669,16 +2678,6 @@ select {
   background-color: rgb(205 222 227 / var(--tw-bg-opacity));
 }
 
-.hover\:bg-primary-200:hover {
-  --tw-bg-opacity: 1;
-  background-color: rgb(154 189 198 / var(--tw-bg-opacity));
-}
-
-.hover\:bg-primary-600:hover {
-  --tw-bg-opacity: 1;
-  background-color: rgb(2 73 90 / var(--tw-bg-opacity));
-}
-
 .hover\:bg-red-500:hover {
   --tw-bg-opacity: 1;
   background-color: rgb(255 0 0 / var(--tw-bg-opacity));
@@ -2694,6 +2693,16 @@ select {
   background-color: rgb(255 255 0 / var(--tw-bg-opacity));
 }
 
+.hover\:bg-primary-200:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(154 189 198 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-primary-600:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(2 73 90 / var(--tw-bg-opacity));
+}
+
 .hover\:text-gray-500:hover {
   --tw-text-opacity: 1;
   color: rgb(107 114 128 / var(--tw-text-opacity));
@@ -2855,6 +2864,11 @@ select {
   border-color: rgb(104 157 170 / var(--tw-border-opacity));
 }
 
+.disabled\:bg-primary-400:disabled {
+  --tw-bg-opacity: 1;
+  background-color: rgb(53 124 141 / var(--tw-bg-opacity));
+}
+
 .disabled\:bg-primary-200:disabled {
   --tw-bg-opacity: 1;
   background-color: rgb(154 189 198 / var(--tw-bg-opacity));
@@ -2865,11 +2879,6 @@ select {
   background-color: rgb(104 157 170 / var(--tw-bg-opacity));
 }
 
-.disabled\:bg-primary-400:disabled {
-  --tw-bg-opacity: 1;
-  background-color: rgb(53 124 141 / var(--tw-bg-opacity));
-}
-
 .disabled\:text-primary-300:disabled {
   --tw-text-opacity: 1;
   color: rgb(104 157 170 / var(--tw-text-opacity));
diff --git a/src/components/CommandPalettes.vue b/src/components/CommandPalettes.vue
index 957129a..3fbaeac 100644
--- a/src/components/CommandPalettes.vue
+++ b/src/components/CommandPalettes.vue
@@ -1,13 +1,13 @@
 <template>
-    <TransitionRoot :show="command.open" as="template" @after-leave="onQueryChange('')" appear>
+    <TransitionRoot :show="command.open" @after-leave="onQueryChange('')" appear>
         <Dialog as="div" class="relative z-10" @close="command.closeCommand">
-            <TransitionChild as="template" enter="ease-out duration-300" enter-from="opacity-0" enter-to="opacity-100"
+            <TransitionChild enter="ease-out duration-300" enter-from="opacity-0" enter-to="opacity-100"
                 leave="ease-in duration-200" leave-from="opacity-100" leave-to="opacity-0">
                 <div class="fixed inset-0 transition-opacity bg-gray-500 bg-opacity-25 backdrop-blur" />
             </TransitionChild>
 
             <div class="fixed inset-0 z-10 p-4 overflow-y-auto sm:p-6 md:p-20">
-                <TransitionChild as="template" enter="ease-out duration-300" enter-from="opacity-0 scale-95"
+                <TransitionChild enter="ease-out duration-300" enter-from="opacity-0 scale-95"
                     enter-to="opacity-100 scale-100" leave="ease-in duration-200" leave-from="opacity-100 scale-100"
                     leave-to="opacity-0 scale-95">
                     <!-- max-w-2xl mx-auto overflow-hidden transition-all transform bg-white bg-opacity-80 divide-y divide-gray-500 shadow-2xl divide-opacity-10 rounded-xl ring-0 ring-black ring-opacity-5 -->

From 07a19cb5209f34e2a66bd3c6bde0d827e378556b Mon Sep 17 00:00:00 2001
From: Dede Fuji Abdul <defuj.official@gmail.com>
Date: Fri, 27 Oct 2023 15:41:43 +0700
Subject: [PATCH 09/12] update style

---
 src/assets/css/style.css | 116 +++++++++++++++++++--------------------
 1 file changed, 58 insertions(+), 58 deletions(-)

diff --git a/src/assets/css/style.css b/src/assets/css/style.css
index bab9016..911c2f3 100644
--- a/src/assets/css/style.css
+++ b/src/assets/css/style.css
@@ -959,6 +959,10 @@ select {
   top: 50%;
 }
 
+.top-16 {
+  top: 4rem;
+}
+
 .top-3 {
   top: 0.75rem;
 }
@@ -971,10 +975,6 @@ select {
   top: 100%;
 }
 
-.top-16 {
-  top: 4rem;
-}
-
 .z-10 {
   z-index: 10;
 }
@@ -1064,6 +1064,10 @@ select {
   margin-bottom: 2rem;
 }
 
+.me-1 {
+  margin-inline-end: 0.25rem;
+}
+
 .ml-1 {
   margin-left: 0.25rem;
 }
@@ -1136,10 +1140,6 @@ select {
   margin-top: 1.5rem;
 }
 
-.me-1 {
-  margin-inline-end: 0.25rem;
-}
-
 .line-clamp-1 {
   overflow: hidden;
   display: -webkit-box;
@@ -1316,6 +1316,10 @@ select {
   width: 1.5rem;
 }
 
+.w-72 {
+  width: 18rem;
+}
+
 .w-8 {
   width: 2rem;
 }
@@ -1348,10 +1352,6 @@ select {
   width: 1px;
 }
 
-.w-72 {
-  width: 18rem;
-}
-
 .max-w-2xl {
   max-width: 42rem;
 }
@@ -1537,10 +1537,6 @@ select {
   gap: 0.25rem;
 }
 
-.gap-4 {
-  gap: 1rem;
-}
-
 .gap-2 {
   gap: 0.5rem;
 }
@@ -1549,6 +1545,10 @@ select {
   gap: 0.75rem;
 }
 
+.gap-4 {
+  gap: 1rem;
+}
+
 .gap-x-6 {
   -moz-column-gap: 1.5rem;
        column-gap: 1.5rem;
@@ -1637,6 +1637,10 @@ select {
   border-radius: 0.25rem;
 }
 
+.rounded-2xl {
+  border-radius: 1rem;
+}
+
 .rounded-full {
   border-radius: 9999px;
 }
@@ -1653,10 +1657,6 @@ select {
   border-radius: 0.75rem;
 }
 
-.rounded-2xl {
-  border-radius: 1rem;
-}
-
 .rounded-l-full {
   border-top-left-radius: 9999px;
   border-bottom-left-radius: 9999px;
@@ -1732,15 +1732,15 @@ select {
   border-color: rgb(209 213 219 / var(--tw-border-opacity));
 }
 
-.border-transparent {
-  border-color: transparent;
-}
-
 .border-primary-500 {
   --tw-border-opacity: 1;
   border-color: rgb(3 91 113 / var(--tw-border-opacity));
 }
 
+.border-transparent {
+  border-color: transparent;
+}
+
 .bg-black {
   --tw-bg-opacity: 1;
   background-color: rgb(0 0 0 / var(--tw-bg-opacity));
@@ -1751,6 +1751,11 @@ select {
   background-color: rgb(243 244 246 / var(--tw-bg-opacity));
 }
 
+.bg-gray-200 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(229 231 235 / var(--tw-bg-opacity));
+}
+
 .bg-gray-300 {
   --tw-bg-opacity: 1;
   background-color: rgb(209 213 219 / var(--tw-bg-opacity));
@@ -1860,6 +1865,10 @@ select {
   background-color: rgb(204 204 0 / var(--tw-bg-opacity));
 }
 
+.bg-opacity-100 {
+  --tw-bg-opacity: 1;
+}
+
 .bg-opacity-25 {
   --tw-bg-opacity: 0.25;
 }
@@ -1880,8 +1889,8 @@ select {
   --tw-bg-opacity: 0.8;
 }
 
-.bg-opacity-100 {
-  --tw-bg-opacity: 1;
+.bg-none {
+  background-image: none;
 }
 
 .fill-gray-500 {
@@ -1892,6 +1901,10 @@ select {
   fill: #4b5563;
 }
 
+.fill-green-600 {
+  fill: #16a34a;
+}
+
 .fill-primary-500 {
   fill: #035b71;
 }
@@ -1900,18 +1913,10 @@ select {
   fill: #cc0000;
 }
 
-.fill-secondary-600 {
-  fill: #007b8d;
-}
-
 .fill-white {
   fill: #fff;
 }
 
-.fill-green-600 {
-  fill: #16a34a;
-}
-
 .stroke-white {
   stroke: #fff;
 }
@@ -2352,11 +2357,6 @@ select {
   color: rgb(204 0 0 / var(--tw-text-opacity));
 }
 
-.text-secondary-600 {
-  --tw-text-opacity: 1;
-  color: rgb(0 123 141 / var(--tw-text-opacity));
-}
-
 .text-slate-600 {
   --tw-text-opacity: 1;
   color: rgb(71 85 105 / var(--tw-text-opacity));
@@ -2414,6 +2414,10 @@ select {
   opacity: 1;
 }
 
+.opacity-25 {
+  opacity: 0.25;
+}
+
 .opacity-30 {
   opacity: 0.3;
 }
@@ -2426,10 +2430,6 @@ select {
   opacity: 0.5;
 }
 
-.opacity-25 {
-  opacity: 0.25;
-}
-
 .opacity-75 {
   opacity: 0.75;
 }
@@ -2669,6 +2669,16 @@ select {
   background-color: rgb(205 222 227 / var(--tw-bg-opacity));
 }
 
+.hover\:bg-primary-200:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(154 189 198 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-primary-600:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(2 73 90 / var(--tw-bg-opacity));
+}
+
 .hover\:bg-red-500:hover {
   --tw-bg-opacity: 1;
   background-color: rgb(255 0 0 / var(--tw-bg-opacity));
@@ -2684,16 +2694,6 @@ select {
   background-color: rgb(255 255 0 / var(--tw-bg-opacity));
 }
 
-.hover\:bg-primary-200:hover {
-  --tw-bg-opacity: 1;
-  background-color: rgb(154 189 198 / var(--tw-bg-opacity));
-}
-
-.hover\:bg-primary-600:hover {
-  --tw-bg-opacity: 1;
-  background-color: rgb(2 73 90 / var(--tw-bg-opacity));
-}
-
 .hover\:text-gray-500:hover {
   --tw-text-opacity: 1;
   color: rgb(107 114 128 / var(--tw-text-opacity));
@@ -2855,11 +2855,6 @@ select {
   border-color: rgb(104 157 170 / var(--tw-border-opacity));
 }
 
-.disabled\:bg-primary-400:disabled {
-  --tw-bg-opacity: 1;
-  background-color: rgb(53 124 141 / var(--tw-bg-opacity));
-}
-
 .disabled\:bg-primary-200:disabled {
   --tw-bg-opacity: 1;
   background-color: rgb(154 189 198 / var(--tw-bg-opacity));
@@ -2870,6 +2865,11 @@ select {
   background-color: rgb(104 157 170 / var(--tw-bg-opacity));
 }
 
+.disabled\:bg-primary-400:disabled {
+  --tw-bg-opacity: 1;
+  background-color: rgb(53 124 141 / var(--tw-bg-opacity));
+}
+
 .disabled\:text-primary-300:disabled {
   --tw-text-opacity: 1;
   color: rgb(104 157 170 / var(--tw-text-opacity));

From 09394dc4838f097fd402b6e5eb23fc1e9cd921ee Mon Sep 17 00:00:00 2001
From: Dede Fuji Abdul <defuj.official@gmail.com>
Date: Fri, 27 Oct 2023 15:44:50 +0700
Subject: [PATCH 10/12] fix style

---
 src/assets/css/style.css | 23 -----------------------
 1 file changed, 23 deletions(-)

diff --git a/src/assets/css/style.css b/src/assets/css/style.css
index 9eb9292..911c2f3 100644
--- a/src/assets/css/style.css
+++ b/src/assets/css/style.css
@@ -1889,13 +1889,8 @@ select {
   --tw-bg-opacity: 0.8;
 }
 
-<<<<<<<<< Temporary merge branch 1
-.bg-opacity-100 {
-  --tw-bg-opacity: 1;
-=========
 .bg-none {
   background-image: none;
->>>>>>>>> Temporary merge branch 2
 }
 
 .fill-gray-500 {
@@ -3462,24 +3457,6 @@ select {
     padding-right: 2rem;
   }
 
-<<<<<<<<< Temporary merge branch 1
-  .lg\:px-6 {
-    padding-left: 1.5rem;
-    padding-right: 1.5rem;
-  }
-
-  .lg\:py-6 {
-    padding-top: 1.5rem;
-    padding-bottom: 1.5rem;
-  }
-
-  .lg\:text-3xl {
-    font-size: 1.875rem;
-    line-height: 2.25rem;
-  }
-
-=========
->>>>>>>>> Temporary merge branch 2
   .lg\:text-xs {
     font-size: 0.75rem;
     line-height: 1rem;

From 32cca709d9db1ab72d175f684b187c864a321b94 Mon Sep 17 00:00:00 2001
From: Dede Fuji Abdul <defuj.official@gmail.com>
Date: Fri, 27 Oct 2023 16:01:02 +0700
Subject: [PATCH 11/12] add text inside Welcome page

---
 src/assets/css/style.css                  | 4 ++++
 src/components/Navigation/Aside/Aside.vue | 2 +-
 src/components/Pages/Welcome.vue          | 6 ++++++
 3 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/src/assets/css/style.css b/src/assets/css/style.css
index 911c2f3..06c2158 100644
--- a/src/assets/css/style.css
+++ b/src/assets/css/style.css
@@ -1140,6 +1140,10 @@ select {
   margin-top: 1.5rem;
 }
 
+.mt-3\.5 {
+  margin-top: 0.875rem;
+}
+
 .line-clamp-1 {
   overflow: hidden;
   display: -webkit-box;
diff --git a/src/components/Navigation/Aside/Aside.vue b/src/components/Navigation/Aside/Aside.vue
index c95c1a4..d45994b 100644
--- a/src/components/Navigation/Aside/Aside.vue
+++ b/src/components/Navigation/Aside/Aside.vue
@@ -106,7 +106,7 @@ const closeSideBar = () => menu.toggleSidebar()
         <span v-if="menu.sidebarShowed" class="px-4 mt-4 text-sm font-semibold text-primary-800">
             Menu
         </span>
-        <div :class="[menu.sidebarShowed ? 'flex flex-col flex-grow overflow-y-auto' : 'hidden', '']">
+        <div :class="[menu.sidebarShowed ? 'flex flex-col flex-grow overflow-y-auto' : 'hidden']">
             <div class="flex flex-col flex-grow mt-3">
                 <nav class="flex-1 px-2 pb-4 space-y-1">
                     <template v-for="item in menu.navigation" :key="item.name">
diff --git a/src/components/Pages/Welcome.vue b/src/components/Pages/Welcome.vue
index 0c22663..57f0d8e 100644
--- a/src/components/Pages/Welcome.vue
+++ b/src/components/Pages/Welcome.vue
@@ -9,6 +9,12 @@
                 <span class="px-3 text-sm font-medium text-gray-500 text-md">Cari menu</span>
             </button>
 
+            <div class="flex mt-3.5" v-if="filteredMenus.length == 0">
+                <h1 class="text-sm text-center text-gray-800">
+                    Silahkan cari menu atau buka menu di samping kiri untuk memulai
+                </h1>
+            </div>
+
             <div v-if="query === '' || filteredMenus.length > 0" static class="w-full mt-6 md:mt-8 lg:mt-12">
                 <div class="flex flex-col items-start w-full p-2" v-if="filteredMenus.length > 0 || recent.length > 0">
                     <h2 v-if="query === '' && recent.length > 0" class="mb-2 text-xs font-semibold text-gray-900 ">

From 309b37f355e842d8ed65f68f397c56154ab6d699 Mon Sep 17 00:00:00 2001
From: Dede Fuji Abdul <defuj.official@gmail.com>
Date: Fri, 27 Oct 2023 16:17:01 +0700
Subject: [PATCH 12/12] move copyright text to Welcome Page

---
 src/assets/css/style.css         | 12 ++++++++++++
 src/components/Pages/Welcome.vue | 11 ++++++++---
 2 files changed, 20 insertions(+), 3 deletions(-)

diff --git a/src/assets/css/style.css b/src/assets/css/style.css
index 06c2158..2ff4903 100644
--- a/src/assets/css/style.css
+++ b/src/assets/css/style.css
@@ -1248,6 +1248,18 @@ select {
   height: 80vh;
 }
 
+.h-screen {
+  height: 100vh;
+}
+
+.h-\[90vh\] {
+  height: 90vh;
+}
+
+.h-\[calc\(90vh-24px\)\] {
+  height: calc(90vh - 24px);
+}
+
 .max-h-0 {
   max-height: 0px;
 }
diff --git a/src/components/Pages/Welcome.vue b/src/components/Pages/Welcome.vue
index 57f0d8e..cdea700 100644
--- a/src/components/Pages/Welcome.vue
+++ b/src/components/Pages/Welcome.vue
@@ -1,6 +1,6 @@
 <template>
-    <div class="flex flex-col items-center justify-center px-4 text-center whitespace-pre-wrap h-screen-80">
-        <div class="w-full md:w-[440px] py-4 md:py-0 flex flex-col items-center">
+    <div class="flex flex-col items-center justify-between px-4 text-center whitespace-pre-wrap h-[calc(90vh-24px)]">
+        <div class="w-full flex-1 md:w-[440px] justify-center py-4 md:py-0 flex flex-col items-center">
             <img :src="IconApp" alt="pln" class="h-[66px] object-contain mx-auto mb-4">
             <button @click="command.showCommandPalettes" type="button"
                 class="flex flex-row items-center w-full p-2 text-gray-400 rounded-full bg-gray-50 hover:text-primary-500 focus:outline-none focus:ring-0">
@@ -9,7 +9,7 @@
                 <span class="px-3 text-sm font-medium text-gray-500 text-md">Cari menu</span>
             </button>
 
-            <div class="flex mt-3.5" v-if="filteredMenus.length == 0">
+            <div class="flex mt-3.5" v-if="filteredMenus.length === 0 && recent.length === 0">
                 <h1 class="text-sm text-center text-gray-800">
                     Silahkan cari menu atau buka menu di samping kiri untuk memulai
                 </h1>
@@ -65,6 +65,11 @@
                 </div>
             </div>
         </div>
+        <div class="flex flex-col items-center justify-center py-3">
+            <dt class="text-xs text-center text-gray-500">
+                Copyright © 2023 PT PLN (Persero). All Rights Reserved
+            </dt>
+        </div>
     </div>
 </template>