chore: Remove previous Dark mode (#51)

Author: cwandev

src/App.vue

@@ -1,26 +1,8 @@
 <script setup lang="ts">
 import type { ConfigProviderTheme } from 'vant'
-import { localStorage } from '@/utils/local-storage'
-import { useStore } from '@/stores'
 import { useRouteTransitionNameHook } from '@/stores/modules/routeTransitionName'
 
-const store = useStore()
 const theme = ref<ConfigProviderTheme>('light')
-const mode = computed(() => store.mode)
-
-watch(mode, (val) => {
-  if (val === 'dark' || localStorage.get('theme') === 'dark') {
-    theme.value = 'dark'
-    document.querySelector('html')
-      .setAttribute('data-theme', 'dark')
-  }
-  else {
-    theme.value = 'light'
-    document.querySelector('html')
-      .setAttribute('data-theme', 'light')
-  }
-}, { immediate: true })
-
 provide('isRealDark', computed(() => theme.value === 'dark'))
 </script>
 

src/stores/index.ts

@@ -1,13 +1,4 @@
-import { createPinia, defineStore } from 'pinia'
-
-export const useStore = defineStore({
-  id: 'index',
-  persist: true,
-  state: () => ({
-    // light || dark
-    mode: '',
-  }),
-})
+import { createPinia } from 'pinia'
 
 const store = createPinia()
 export { store }

src/styles/app.less

@@ -1,3 +1,7 @@
+body {
+  background-color: #eff2f5;
+}
+
 #app {
   min-height: 100vh;
   position: relative;
@@ -29,20 +33,3 @@
   opacity: 0;
 }
 
-[data-theme='dark'] {
-  &,
-  * {
-    color-scheme: dark !important;
-  }
-}
-
-[data-theme='light'] {
-  &,
-  * {
-    color-scheme: light !important;
-  }
-
-  body {
-    background-color: #eff2f5;
-  }
-}

src/views/index.vue

@@ -1,36 +1,20 @@
 <script setup lang="ts">
-import { useStore } from '@/stores'
-import { localStorage } from '@/utils/local-storage'
-
 definePage({
   name: 'index',
   meta: {
     level: 1,
   },
 })
 
-const store = useStore()
-const themeStore = localStorage.get('theme')
-const checked = ref<boolean>(themeStore === 'dark')
-
-watch(checked, (val) => {
-  if (val) {
-    store.mode = 'dark'
-    localStorage.set('theme', 'dark')
-  }
-  else {
-    store.mode = 'light'
-    localStorage.set('theme', 'light')
-  }
-})
+const checked = ref<boolean>(false)
 </script>
 
 <template>
   <div class="container">
     <VanCellGroup title="一个集成最新技术栈、完整干净的移动端模板" inset>
       <VanCell center title="🌗 暗黑模式">
         <template #right-icon>
-          <VanSwitch v-model="checked" size="23px" />
+          <VanSwitch v-model="checked" size="23px" disabled />
         </template>
       </VanCell>