dark & light theme

stores/customizer.ts

@@ -0,0 +1,40 @@
+import { defineStore } from "pinia";
+import config from '@/config'
+
+
+export const useCustomizerStore = defineStore('theme',{
+  id: "customizer",
+  state: () => ({
+    Sidebar_drawer: config.Sidebar_drawer,
+    Customizer_drawer: config.Customizer_drawer,
+    mini_sidebar: config.mini_sidebar,
+    setHorizontalLayout: config.setHorizontalLayout, // Horizontal layout
+    setRTLLayout:config.setRTLLayout, // RTL layout
+    actTheme: config.actTheme,
+    boxed: config.boxed,
+    setBorderCard: config.setBorderCard
+  }),
+
+  getters: {},
+  actions: {
+    SET_SIDEBAR_DRAWER() {
+      this.Sidebar_drawer = !this.Sidebar_drawer;
+    },
+    SET_MINI_SIDEBAR(payload: any) {
+      this.mini_sidebar = payload;
+    },
+    SET_CUSTOMIZER_DRAWER(payload: any) {
+      this.Customizer_drawer = payload;
+    },
+
+    SET_LAYOUT(payload: any) {
+      this.setHorizontalLayout = payload;
+    },
+    SET_THEME(payload: any) {
+      this.actTheme = payload;
+    },
+    SET_CARD_BORDER(payload: any){
+      this.setBorderCard = payload
+    }
+  },
+});