refactor(projects): 恢复pinia默认写法

src/store/subscribe/app.ts

@@ -0,0 +1,13 @@
+import { useBodyScroll } from '@/hooks';
+import { useAppStore } from '../modules';
+
+/** 订阅app store */
+export default function subscribeAppStore() {
+  const app = useAppStore();
+  const { scrollBodyHandler } = useBodyScroll();
+
+  app.$subscribe((_mutation, state) => {
+    // 弹窗打开时禁止滚动条
+    scrollBodyHandler(state.settingDrawerVisible);
+  });
+}

src/store/subscribe/index.ts

@@ -0,0 +1,6 @@
+import subscribeAppStore from './app';
+
+/** 订阅状态 */
+export function subscribeStore() {
+  subscribeAppStore();
+}

src/store/subscribe/theme.ts

@@ -0,0 +1,31 @@
+import { useThemeStore } from '../modules';
+
+/** 订阅app store */
+export default function subscribeAppStore() {
+  const theme = useThemeStore();
+  const { addDarkClass, removeDarkClass } = handleWindicssDarkMode();
+
+  theme.$subscribe((_mutation, state) => {
+    // 监听暗黑模式
+    if (state.darkMode) {
+      addDarkClass();
+    } else {
+      removeDarkClass();
+    }
+  });
+}
+
+/** windicss 暗黑模式 */
+function handleWindicssDarkMode() {
+  const DARK_CLASS = 'dark';
+  function addDarkClass() {
+    document.documentElement.classList.add(DARK_CLASS);
+  }
+  function removeDarkClass() {
+    document.documentElement.classList.remove(DARK_CLASS);
+  }
+  return {
+    addDarkClass,
+    removeDarkClass
+  };
+}