From 75ca02ac99bc82185e5e98622abecd03021ceb78 Mon Sep 17 00:00:00 2001
From: afine970 <1049905106@qq.com>
Date: Tue, 25 Jul 2023 21:47:29 +0800
Subject: [PATCH] fix(docs): add loadingBar to show progress
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

[docs] 文档内部导航跳转会卡一下，体验不好

fix #1538
---
 .../site/src/components/global/GlobalSetting.vue  | 15 ++++++++++++++-
 1 file changed, 14 insertions(+), 1 deletion(-)

diff --git a/packages/site/src/components/global/GlobalSetting.vue b/packages/site/src/components/global/GlobalSetting.vue
index f55de3a2f..79ea6048f 100644
--- a/packages/site/src/components/global/GlobalSetting.vue
+++ b/packages/site/src/components/global/GlobalSetting.vue
@@ -9,7 +9,20 @@
   </ul>
 </template>
 
-<script setup lang="ts"></script>
+<script setup lang="ts">
+import { useRouter } from 'vue-router'
+
+import { useLoadingBar } from '@idux/components/loading-bar'
+const { start, finish } = useLoadingBar()
+const router = useRouter()
+router.beforeEach((_to, _from, next) => {
+  start()
+  next()
+})
+router.afterEach(() => {
+  finish()
+})
+</script>
 
 <style lang="less">
 .floatSetting {