initial commit

2026-06-23 13:28:38 +07:00
commit 966ed115b2
590 changed files with 111412 additions and 0 deletions
@@ -0,0 +1,36 @@
+import { VThemeProvider } from 'vuetify/components/VThemeProvider'
+import { AppContentLayoutNav } from '@layouts/enums'
+
+// TODO: Use `VThemeProvider` from dist instead of lib (Using this component from dist causes navbar to loose sticky positioning)
+import { useThemeConfig } from '@core/composable/useThemeConfig'
+
+export const useSkins = () => {
+  const { isVerticalNavSemiDark, skin, appContentLayoutNav } = useThemeConfig()
+
+  const layoutAttrs = computed(() => ({
+    verticalNavAttrs: {
+      wrapper: h(VThemeProvider, { tag: 'aside' }),
+      wrapperProps: {
+        withBackground: true,
+        theme: (isVerticalNavSemiDark.value && appContentLayoutNav.value === AppContentLayoutNav.Vertical)
+          ? 'dark'
+          : undefined,
+      },
+    },
+  }))
+
+  const injectSkinClasses = () => {
+    const bodyClasses = document.body.classList
+    const genSkinClass = _skin => `skin--${_skin}`
+
+    watch(skin, (val, oldVal) => {
+      bodyClasses.remove(genSkinClass(oldVal))
+      bodyClasses.add(genSkinClass(val))
+    }, { immediate: true })
+  }
+
+  return {
+    injectSkinClasses,
+    layoutAttrs,
+  }
+}