chore: eslint 配置

src/layouts/sakai-vue/AppConfigurator.vue

@@ -6,7 +6,7 @@ import { ref } from 'vue';
 
 import { useLayout } from './composables/layout';
 
-const { layoutConfig, isDarkTheme } = useLayout();
+const { isDarkTheme, layoutConfig } = useLayout();
 const presets = {
   Aura,
   Lara,
@@ -419,12 +419,50 @@ const surfaces = ref([
   },
 ]);
 
+function applyTheme(type: string, color: any) {
+  if (type === 'primary') {
+    updatePreset(getPresetExt());
+  } else if (type === 'surface') {
+    updateSurfacePalette(color.palette);
+  }
+}
+
 function getPresetExt() {
   const color = primaryColors.value.find((c) => c.name === layoutConfig.primary)!;
 
   if (color.name === 'noir') {
     return {
       semantic: {
+        colorScheme: {
+          dark: {
+            highlight: {
+              background: '{primary.50}',
+              color: '{primary.950}',
+              focusBackground: '{primary.300}',
+              focusColor: '{primary.950}',
+            },
+            primary: {
+              activeColor: '{primary.300}',
+              color: '{primary.50}',
+              contrastColor: '{primary.950}',
+              hoverColor: '{primary.200}',
+            },
+          },
+          light: {
+            highlight: {
+              background: '{primary.950}',
+              color: '#ffffff',
+              focusBackground: '{primary.700}',
+              focusColor: '#ffffff',
+            },
+            primary: {
+              activeColor: '{primary.700}',
+              color: '{primary.950}',
+              contrastColor: '#ffffff',
+              hoverColor: '{primary.800}',
+            },
+          },
+        },
         primary: {
           50: '{surface.50}',
           100: '{surface.100}',
@@ -438,93 +476,49 @@ function getPresetExt() {
           900: '{surface.900}',
           950: '{surface.950}',
         },
-        colorScheme: {
-          light: {
-            primary: {
-              color: '{primary.950}',
-              contrastColor: '#ffffff',
-              hoverColor: '{primary.800}',
-              activeColor: '{primary.700}',
-            },
-            highlight: {
-              background: '{primary.950}',
-              focusBackground: '{primary.700}',
-              color: '#ffffff',
-              focusColor: '#ffffff',
-            },
-          },
-          dark: {
-            primary: {
-              color: '{primary.50}',
-              contrastColor: '{primary.950}',
-              hoverColor: '{primary.200}',
-              activeColor: '{primary.300}',
-            },
-            highlight: {
-              background: '{primary.50}',
-              focusBackground: '{primary.300}',
-              color: '{primary.950}',
-              focusColor: '{primary.950}',
-            },
-          },
-        },
       },
     };
   } else {
     return {
       semantic: {
-        primary: color.palette,
         colorScheme: {
-          light: {
-            primary: {
-              color: '{primary.500}',
-              contrastColor: '#ffffff',
-              hoverColor: '{primary.600}',
-              activeColor: '{primary.700}',
-            },
-            highlight: {
-              background: '{primary.50}',
-              focusBackground: '{primary.100}',
-              color: '{primary.700}',
-              focusColor: '{primary.800}',
-            },
-          },
           dark: {
+            highlight: {
+              background: 'color-mix(in srgb, {primary.400}, transparent 84%)',
+              color: 'rgba(255,255,255,.87)',
+              focusBackground: 'color-mix(in srgb, {primary.400}, transparent 76%)',
+              focusColor: 'rgba(255,255,255,.87)',
+            },
             primary: {
+              activeColor: '{primary.200}',
               color: '{primary.400}',
               contrastColor: '{surface.900}',
               hoverColor: '{primary.300}',
-              activeColor: '{primary.200}',
             },
+          },
+          light: {
             highlight: {
-              background: 'color-mix(in srgb, {primary.400}, transparent 84%)',
-              focusBackground: 'color-mix(in srgb, {primary.400}, transparent 76%)',
-              color: 'rgba(255,255,255,.87)',
-              focusColor: 'rgba(255,255,255,.87)',
+              background: '{primary.50}',
+              color: '{primary.700}',
+              focusBackground: '{primary.100}',
+              focusColor: '{primary.800}',
+            },
+            primary: {
+              activeColor: '{primary.700}',
+              color: '{primary.500}',
+              contrastColor: '#ffffff',
+              hoverColor: '{primary.600}',
             },
           },
         },
+        primary: color.palette,
       },
     };
   }
 }
 
-function updateColors(type: string, color: any) {
-  if (type === 'primary') {
-    layoutConfig.primary = color.name;
-  } else if (type === 'surface') {
-    layoutConfig.surface = color.name;
-  }
-
-  applyTheme(type, color);
-}
-
-function applyTheme(type: string, color: any) {
-  if (type === 'primary') {
-    updatePreset(getPresetExt());
-  } else if (type === 'surface') {
-    updateSurfacePalette(color.palette);
-  }
+function onMenuModeChange() {
+  layoutConfig.menuMode = menuMode.value;
 }
 
 function onPresetChange() {
@@ -535,8 +529,14 @@ function onPresetChange() {
   $t().preset(presetValue).preset(getPresetExt()).surfacePalette(surfacePalette).use({ useDefaultOptions: true });
 }
 
-function onMenuModeChange() {
-  layoutConfig.menuMode = menuMode.value;
+function updateColors(type: string, color: any) {
+  if (type === 'primary') {
+    layoutConfig.primary = color.name;
+  } else if (type === 'surface') {
+    layoutConfig.surface = color.name;
+  }
+
+  applyTheme(type, color);
 }
 </script>