fix: Fix the issue where the page must be refreshed after the update (#484)

Author: CritasWang

src/.vuepress/client.ts

@@ -18,6 +18,7 @@
 
 import { defineDocSearchConfig } from '@vuepress/plugin-docsearch/client';
 import { computed } from 'vue';
+import { useRouter, withBase } from 'vuepress/client';
 import { defineClientConfig, usePageData } from 'vuepress/client';
 import DocSearch from './components/DocSearch.vue';
 import { getDocVersion } from './utils/index.js';
@@ -28,6 +29,19 @@ export default defineClientConfig({
   },
   setup() {
     const pageData = usePageData();
+    const router = useRouter();
+
+    let lastTo  = '';
+    
+    router.onError((error) => {
+      console.warn(error);
+      if(!lastTo) return;
+      window.location.href = withBase(lastTo);
+      lastTo = '';
+    });
+    router.beforeEach((to) => {
+      lastTo = to.fullPath;
+    });
 
     const docSearchConfig = computed(() => ({
       appId: 'JLT9R2YGAE',

src/.vuepress/styles/index.scss

@@ -16,6 +16,12 @@
  * limitations under the License.
  */
 
+// #main-description {
+//   max-width: 55rem;
+// }
+.vp-skip-link {
+  z-index: 1;
+}
 .vp-hero-image {
   max-width: 420px;
 }
@@ -82,3 +88,17 @@ footer {
 div[class*='language-'] pre code {
   color: var(--code-c-text);
 }
+
+.home {
+  .theme-hope-content {
+    inset: 0;
+    z-index: 0;
+    position: relative;
+    background-attachment: fixed;
+    background-position: 50%;
+    background-size: cover;
+    max-width: 100%;
+    padding: 0;
+    display: inline;
+  }
+}