1,423rd Commit

app/package.json

@@ -17,6 +17,7 @@
     "echarts": "^5.5.0",
     "exceljs": "^4.4.0",
     "lodash": "^4.17.21",
+    "nprogress": "^0.2.0",
     "ofetch": "^1.3.4",
     "valibot": "^0.30.0",
     "vue": "^3.4.21",
@@ -31,6 +32,7 @@
   "devDependencies": {
     "@iconify/json": "^2.2.196",
     "@types/lodash": "^4.17.0",
+    "@types/nprogress": "^0.2.3",
     "@vitejs/plugin-vue": "^5.0.4",
     "@vitest/coverage-v8": "^1.4.0",
     "@vue/test-utils": "^2.4.5",

app/src/App.vue

@@ -38,3 +38,20 @@ watch(
   <RouterView />
   <XNotification />
 </template>
+
+<style lang="scss">
+html.dark {
+  color-scheme: dark;
+}
+</style>
+
+<style lang="scss">
+#nprogress {
+  @apply pointer-events-none;
+}
+
+#nprogress .bar {
+  @apply fixed top-0 left-0 z-1000 w-full h-0.5;
+  @apply bg-primary-500/75;
+}
+</style>

app/src/plugins/router.ts

@@ -1,4 +1,5 @@
 import { createRouter, createWebHistory } from 'vue-router';
+import nprogress from 'nprogress';
 
 import routes from 'virtual:vue-routes';
 
@@ -21,4 +22,12 @@ const router = createRouter({
   },
 });
 
+router.beforeEach((to, from) => {
+  if (to.path !== from.path) nprogress.start();
+});
+
+router.afterEach(() => {
+  nprogress.done();
+});
+
 export default router;