docs: 优化 夜间主题 切换策略

example/src/layouts/Layout.vue

@@ -140,8 +140,10 @@
           <li class="layui-nav-item">
             <a href="javascript:void(0)">
               <lay-switch
-                v-model="isDark"
+                v-model="theme"
                 class="switch"
+                onswitch-value="dark"
+                unswitch-value="light"
                 onswitch-color="rgba(255, 255, 255, 0.05)"
                 unswitch-color="rgba(255, 255, 255, 0.05)"
               >
@@ -223,7 +225,6 @@ export default {
     const route = useRoute();
     const router = useRouter();
     const locale = ref("zh_CN");
-    const isDark = ref(false);
     const locales = [
       { name: "zh_CN", locale: zh_CN, merge: true },
       { name: "en_US", locale: en_US, merge: true },
@@ -268,14 +269,6 @@ export default {
        import.meta.env.LAYUI_VUE_VERSION
     )
 
-    watch(isDark, () => {
-      if (isDark.value) {
-        theme.value = "dark";
-      } else {
-        theme.value = "light";
-      }
-    });
-
     watch(
       () => route.path,
       (val) => {
@@ -292,7 +285,6 @@ export default {
       locale.value = lang;
     };
 
-    provide("isDark",isDark);
     provide("theme",theme);
     provide('LayuiVueVersion', layuiVueVersion);
 
@@ -301,7 +293,6 @@ export default {
       menus,
       theme,
       locale,
-      isDark,
       locales,
       currentPath,
       handleClick,

example/src/view/index.vue

@@ -18,7 +18,7 @@
           </router-link>
           <a class="layui-inline site-down" href="javascript:void(0);" @click="changeTheme">
             
-            {{ isDark ? 'Turn Off' : 'Turn On'}}
+            {{ theme === 'dark' ? 'Turn Off' : 'Turn On'}}
           </a>
         </div>
         <div class="site-version">
@@ -115,11 +115,9 @@ export default {
   setup() {
     const { t } = useI18n();
     const layuiVueVersion = inject('LayuiVueVersion')
-    const isDark = inject("isDark");
     const theme = inject("theme");
 
     const changeTheme = () => {
-      isDark.value = !isDark.value;
       if(theme.value === 'dark') {
         theme.value = 'light';
       } else {
@@ -129,7 +127,6 @@ export default {
 
     return {
       t,
-      isDark,
       theme,
       changeTheme,
       layuiVueVersion

src/component/empty/index.vue

@@ -28,7 +28,7 @@ const props = withDefaults(defineProps<LayEmptyProps>(), {
       {{ description }}
     </div>
     <div class="layui-empty-extra">
-      <slot name="extra"></slot>  
+      <slot name="extra"></slot>
-    </div> 
+    </div>
   </div>
 </template>