fix: fix dark theme refreshing flashing white screen

CHANGELOG.zh_CN.md

+## Wip
+
+### 🐛 Bug Fixes
+
+- 修复黑暗主题刷新闪烁的白屏
+
 ## 2.3.0 (2021-04-10)
 
 ## (破坏性更新) Breaking changes

package.json

@@ -43,7 +43,7 @@
     "mockjs": "^1.1.0",
     "nprogress": "^0.2.0",
     "path-to-regexp": "^6.2.0",
-    "pinia": "^2.0.0-alpha.12",
+    "pinia": "2.0.0-alpha.13",
     "print-js": "^1.6.0",
     "qrcode": "^1.4.4",
     "sortablejs": "^1.13.0",
@@ -58,10 +58,10 @@
   "devDependencies": {
     "@commitlint/cli": "^12.1.1",
     "@commitlint/config-conventional": "^12.1.1",
-    "@iconify/json": "^1.1.327",
+    "@iconify/json": "^1.1.328",
     "@purge-icons/generated": "^0.7.0",
     "@types/crypto-js": "^4.0.1",
-    "@types/fs-extra": "^9.0.10",
+    "@types/fs-extra": "^9.0.11",
     "@types/inquirer": "^7.3.1",
     "@types/lodash-es": "^4.17.4",
     "@types/mockjs": "^1.0.3",
@@ -84,7 +84,7 @@
     "eslint-config-prettier": "^8.1.0",
     "eslint-define-config": "^1.0.7",
     "eslint-plugin-prettier": "^3.3.1",
-    "eslint-plugin-vue": "^7.8.0",
+    "eslint-plugin-vue": "^7.9.0",
     "esno": "^0.5.0",
     "fs-extra": "^9.1.0",
     "http-server": "^0.12.3",
@@ -93,11 +93,11 @@
     "is-ci": "^3.0.0",
     "less": "^4.1.1",
     "lint-staged": "^10.5.4",
-    "postcss": "^8.2.9",
+    "postcss": "^8.2.10",
     "prettier": "^2.2.1",
     "pretty-quick": "^3.1.0",
     "rimraf": "^3.0.2",
-    "rollup-plugin-visualizer": "5.3.0",
+    "rollup-plugin-visualizer": "5.3.4",
     "stylelint": "^13.12.0",
     "stylelint-config-prettier": "^8.0.2",
     "stylelint-config-standard": "^21.0.0",
@@ -113,15 +113,15 @@
     "vite-plugin-pwa": "^0.7.0",
     "vite-plugin-style-import": "^0.9.2",
     "vite-plugin-svg-icons": "^0.4.1",
-    "vite-plugin-theme": "^0.6.5",
-    "vite-plugin-windicss": "0.13.2",
+    "vite-plugin-theme": "^0.7.0",
+    "vite-plugin-windicss": "0.14.0",
     "vue-eslint-parser": "^7.6.0"
   },
   "resolutions": {
     "//": "Used to install imagemin dependencies, because imagemin may not be installed in China.If it is abroad, you can delete it",
     "bin-wrapper": "npm:bin-wrapper-china",
     "rollup": "^2.45.1",
-    "esbuild": "^0.11.7"
+    "esbuild": "^0.11.9"
   },
   "repository": {
     "type": "git",

src/App.vue

@@ -11,8 +11,6 @@
   import { ConfigProvider } from 'ant-design-vue';
   import { AppProvider } from '/@/components/Application';
 
-  import { initAppConfigStore } from '/@/logics/initAppConfig';
-
   import { useLockPage } from '/@/hooks/web/useLockPage';
   import { useTitle } from '/@/hooks/web/useTitle';
   import { useLocale } from '/@/locales/useLocale';
@@ -21,9 +19,6 @@
     name: 'App',
     components: { ConfigProvider, AppProvider },
     setup() {
-      // Initialize vuex internal system configuration
-      initAppConfigStore();
-
       useTitle();
 
       // support Multi-language

src/main.ts

 import '/@/design/index.less';
-import '@virtual/windi.css';
+import 'virtual:windi.css';
 
 import { createApp } from 'vue';
 import App from './App.vue';
-
+import { initAppConfigStore } from '/@/logics/initAppConfig';
 import router, { setupRouter } from '/@/router';
 import { setupRouterGuard } from '/@/router/guard';
 import { setupStore } from '/@/store';
@@ -29,6 +29,9 @@ if (import.meta.env.DEV) {
   // Configure vuex store
   setupStore(app);
 
+  // Initialize vuex internal system configuration
+  initAppConfigStore();
+
   // Register global components
   registerGlobComp(app);