fix bug

src/@core/scss/base/libs/_perfect-scrollbar.scss

@@ -33,3 +33,11 @@ $ps-track-size: 0.5rem;
 .ps__thumb-y {
   background-color: rgb(var(--v-theme-perfect-scrollbar-thumb)) !important;
 }
+
+// fix bug
+@media(hover: none) {
+  .ps > .ps__rail-x,
+  .ps > .ps__rail-y {
+    opacity: 0.6;
+  }
+}

src/@layouts/components/VerticalNav.vue

@@ -49,9 +49,7 @@ function handleNavScroll(evt: Event) {
     ]"
   >
     <!-- 👉 Header -->
-    <div
-      class="nav-header"
-    >
+    <div class="nav-header">
       <slot name="nav-header">
         <RouterLink to="/" class="app-logo d-flex align-center app-title-wrapper">
           <div class="d-flex" v-html="logo" />
@@ -81,8 +79,8 @@ function handleNavScroll(evt: Event) {
 </template>
 
 <style lang="scss">
-@use "@configured-variables" as variables;
-@use "@layouts/styles/mixins";
+@use '@configured-variables' as variables;
+@use '@layouts/styles/mixins';
 
 // 👉 Vertical Nav
 .layout-vertical-nav {

src/main.ts

@@ -11,6 +11,7 @@ import '@core/scss/template/index.scss'
 import '@layouts/styles/index.scss'
 import '@styles/styles.scss'
 import 'vue-toast-notification/dist/theme-default.css'
+import { removeEl } from '@/util'
 
 loadFonts()
 
@@ -18,10 +19,13 @@ loadFonts()
 const app = createApp(App)
 
 // Use plugins Mount vue app
-app.use(vuetify)
+app
+  .use(vuetify)
   .use(router)
   .use(store)
   .use(ToastPlugin, {
     position: 'bottom-right',
   })
-  .use(VuetifyUseDialog).mount('#app')
+  .use(VuetifyUseDialog)
+  .mount('#app')
+  .$nextTick(() => removeEl('#loading-bg'))

src/util/dom.ts

@@ -0,0 +1,6 @@
+export function removeEl(selector: string) {
+  if (selector) {
+    const el = document.querySelector(selector)
+    el?.parentNode?.removeChild(el)
+  }
+}

src/util/index.ts

@@ -0,0 +1 @@
+export * from './dom'