From 5eebe087b2af4b77ebb3816f827a728c75a4989c Mon Sep 17 00:00:00 2001
From: jxxghp <jxxghp@gmail.com>
Date: Fri, 21 Jul 2023 11:12:52 +0800
Subject: [PATCH] fix

---
 src/@core/components/ErrorHeader.vue   | 18 ++++------
 src/@core/components/MoreBtn.vue       | 17 +++-------
 src/@core/components/ThemeSwitcher.vue | 46 ++++++++++++++++----------
 3 files changed, 39 insertions(+), 42 deletions(-)

diff --git a/src/@core/components/ErrorHeader.vue b/src/@core/components/ErrorHeader.vue
index d0bddbee..82fed08b 100644
--- a/src/@core/components/ErrorHeader.vue
+++ b/src/@core/components/ErrorHeader.vue
@@ -1,26 +1,20 @@
 <script setup lang="ts">
 interface Props {
-  errorCode?: string
-  errorTitle?: string
-  errorDescription?: string
+  errorCode?: string;
+  errorTitle?: string;
+  errorDescription?: string;
 }
 
-const props = defineProps<Props>()
+const props = defineProps<Props>();
 </script>
 
 <template>
   <div class="text-center mb-4">
     <!-- 👉 Title and subtitle -->
-    <h1
-      v-if="props.errorCode"
-      class="text-h1 font-weight-medium"
-    >
+    <h1 v-if="props.errorCode" class="text-h1 font-weight-medium">
       {{ props.errorCode }}
     </h1>
-    <h5
-      v-if="props.errorTitle"
-      class="text-h5 font-weight-medium mb-3"
-    >
+    <h5 v-if="props.errorTitle" class="text-h5 font-weight-medium mb-3">
       {{ props.errorTitle }}
     </h5>
     <p v-if="props.errorDescription">
diff --git a/src/@core/components/MoreBtn.vue b/src/@core/components/MoreBtn.vue
index 3ac0f2cd..761d79f2 100644
--- a/src/@core/components/MoreBtn.vue
+++ b/src/@core/components/MoreBtn.vue
@@ -1,25 +1,18 @@
 <script lang="ts" setup>
 interface Props {
-  menuList?: unknown[]
-  itemProps?: boolean
+  menuList?: unknown[];
+  itemProps?: boolean;
 }
 
-const props = defineProps<Props>()
+const props = defineProps<Props>();
 </script>
 
 <template>
   <IconBtn>
     <VIcon icon="mdi-dots-vertical" />
 
-    <VMenu
-      v-if="props.menuList"
-      activator="parent"
-      close-on-content-click
-    >
-      <VList
-        :items="props.menuList"
-        :item-props="props.itemProps"
-      />
+    <VMenu v-if="props.menuList" activator="parent" close-on-content-click>
+      <VList :items="props.menuList" :item-props="props.itemProps" />
     </VMenu>
   </IconBtn>
 </template>
diff --git a/src/@core/components/ThemeSwitcher.vue b/src/@core/components/ThemeSwitcher.vue
index d0ce4a21..f69a535b 100644
--- a/src/@core/components/ThemeSwitcher.vue
+++ b/src/@core/components/ThemeSwitcher.vue
@@ -1,35 +1,45 @@
 <script setup lang="ts">
-import { ref, watch } from 'vue'
-import { useTheme } from 'vuetify'
-import type { ThemeSwitcherTheme } from '@layouts/types'
+import type { ThemeSwitcherTheme } from "@layouts/types";
+import { ref, watch } from "vue";
+import { useTheme } from "vuetify";
 
 const props = defineProps<{
-  themes: ThemeSwitcherTheme[]
-}>()
+  themes: ThemeSwitcherTheme[];
+}>();
 
-const { name: themeName, global: globalTheme } = useTheme()
+const { name: themeName, global: globalTheme } = useTheme();
 
-const savedTheme = ref(localStorage.getItem('theme') ?? themeName)
+const savedTheme = ref(localStorage.getItem("theme") ?? themeName);
 
-const { state: currentThemeName, next: getNextThemeName, index: currentThemeIndex } = useCycleList(props.themes.map(t => t.name), { initialValue: savedTheme.value })
+const {
+  state: currentThemeName,
+  next: getNextThemeName,
+  index: currentThemeIndex,
+} = useCycleList(
+  props.themes.map((t) => t.name),
+  { initialValue: savedTheme.value }
+);
 
 const changeTheme = () => {
-  const nextTheme = getNextThemeName()
+  const nextTheme = getNextThemeName();
 
-  globalTheme.name.value = nextTheme
-  savedTheme.value = nextTheme
-  localStorage.setItem('theme', nextTheme)
-}
+  globalTheme.name.value = nextTheme;
+  savedTheme.value = nextTheme;
+  localStorage.setItem("theme", nextTheme);
+};
 
 // Update icon if theme is changed from other sources
-watch(() => globalTheme.name.value, val => {
-  currentThemeName.value = val
-})
+watch(
+  () => globalTheme.name.value,
+  (val) => {
+    currentThemeName.value = val;
+  }
+);
 
 // Apply saved theme on page load
 onMounted(() => {
-  globalTheme.name.value = savedTheme.value
-})
+  globalTheme.name.value = savedTheme.value;
+});
 </script>
 
 <template>