- added own provider for drive methods

- renamed middleware Role and Can to role_middleware and can_middleware
- added some typing for inertia vue3 components
- npm updates

resources/js/Stores/main.ts

@@ -167,7 +167,7 @@ export const MainService = defineStore('main', {
             this.totpState = state;
         },
 
-        async fetchChartData(year) {
+        async fetchChartData(year: string) {
             // sampleDataKey= authors or datasets
             axios
                 .get(`/api/statistic/${year}`)

resources/js/Stores/map.service.ts

@@ -9,23 +9,23 @@ export const MapService = defineStore('map', {
     }),
     actions: {
         // payload = authenticated user
-        setUser(payload) {
-            if (payload.name) {
-                this.userName = payload.name;
-            }
-            if (payload.email) {
-                this.userEmail = payload.email;
-            }
-            if (payload.avatar) {
-                this.userAvatar = payload.avatar;
-            }
-        },
+        // setUser(payload: any) {
+        //     if (payload.name) {
+        //         this.userName = payload.name;
+        //     }
+        //     if (payload.email) {
+        //         this.userEmail = payload.email;
+        //     }
+        //     if (payload.avatar) {
+        //         this.userAvatar = payload.avatar;
+        //     }
+        // },
 
         getMap(id: string) {
             return this.mapService.get(id);
         },
 
-        setMap(id: string, map) {
+        setMap(id: string, map: any) {
             this.mapService.set(id, map);
         },
 

resources/js/Stores/style.service.ts

@@ -1,10 +1,27 @@
 import { defineStore } from 'pinia';
-import * as styles from '@/styles';
+import styles from '@/styles';
 import { darkModeKey, styleKey } from '@/config';
 
+
+interface StyleState {
+    [key: string]: string | boolean;
+    asideStyle: string;
+    asideScrollbarsStyle: string;
+    asideBrandStyle: string;
+    asideMenuItemStyle: string;
+    asideMenuItemActiveStyle: string;
+    asideMenuDropdownStyle: string;
+    navBarItemLabelStyle: string;
+    navBarItemLabelHoverStyle: string;
+    navBarItemLabelActiveColorStyle: string;
+    overlayStyle: string;
+    darkMode: boolean;
+}
+
+// Define StyleService store
 export const StyleService = defineStore('style', {
-    state: () => ({
-        /* Styles */
+    state: (): StyleState => ({
+        // Styles
         asideStyle: '',
         asideScrollbarsStyle: '',
         asideBrandStyle: '',
@@ -15,41 +32,34 @@ export const StyleService = defineStore('style', {
         navBarItemLabelHoverStyle: '',
         navBarItemLabelActiveColorStyle: '',
         overlayStyle: '',
-
-        /* Dark mode default false */
+        // Dark mode default false
         darkMode: false,
     }),
-
     actions: {
-        // style payload = 'basic' or 'white' with blue font
-        setStyle(payload) {
+        // Set style based on payload value ('basic' or 'white')
+        setStyle(payload: 'basic' | 'white') {
             if (!styles[payload]) {
                 return;
             }
-
             if (typeof localStorage !== 'undefined') {
                 localStorage.setItem(styleKey, payload);
             }
-
-            const style = styles[payload];
-
+            const style = styles[payload] as Record<string, string>;
             for (const key in style) {
-                this[`${key}Style`] = style[key];
+                // let keyStyle: string  = `${key}Style`;//key as keyof typeof style;
+                this[`${key}Style` as keyof StyleState] = style[key];
             }
         },
-        // toggle dark mode
-        setDarkMode(payload = null) {
-            this.darkMode = payload !== null ? payload : !this.darkMode;
-
+        // Toggle dark mode
+        setDarkMode(payload?: boolean) {
+            this.darkMode = payload !== undefined ? payload : !this.darkMode;
             if (typeof localStorage !== 'undefined') {
                 localStorage.setItem(darkModeKey, this.darkMode ? '1' : '0');
             }
-
             if (typeof document !== 'undefined') {
                 document.body.classList[this.darkMode ? 'add' : 'remove']('dark-scrollbars');
-
                 document.documentElement.classList[this.darkMode ? 'add' : 'remove']('dark-scrollbars-compat');
             }
         },
     },
-});
+});