feat(projects): 添加判断是否是移动端的hooks

src/plugins/assets.ts

@@ -0,0 +1,5 @@
+import 'virtual:windi.css';
+import '../styles/css/global.css';
+
+/** 引入静态资源 */
+export default function setupAssets() {}

src/plugins/dark-mode.ts

@@ -7,15 +7,19 @@ export default function setupWindicssDarkMode() {
   const DARK_CLASS = 'dark';
 
   function getHtmlElement() {
-    return document.querySelector('html')!;
+    return document.querySelector('html');
   }
   function addDarkClass() {
     const html = getHtmlElement();
-    html.classList.add(DARK_CLASS);
+    if (html) {
+      html.classList.add(DARK_CLASS);
+    }
   }
   function removeDarkClass() {
     const html = getHtmlElement();
-    html.classList.remove(DARK_CLASS);
+    if (html) {
+      html.classList.remove(DARK_CLASS);
+    }
   }
 
   watch(
@@ -26,6 +30,7 @@ export default function setupWindicssDarkMode() {
       } else {
         removeDarkClass();
       }
-    }
+    },
+    { immediate: true }
   );
 }

src/plugins/index.ts

@@ -1,3 +1,4 @@
+import setupAssets from './assets';
 import setupWindicssDarkMode from './dark-mode';
 
-export { setupWindicssDarkMode };
+export { setupAssets, setupWindicssDarkMode };