feat: add the scrollRestoration option to control whether the page returns to the last scroll position after refreshing.

Author: hacxy

packages/docs/package.json

@@ -13,7 +13,7 @@
     "preview": "vitepress preview"
   },
   "devDependencies": {
-    "vitepress": "^1.5.0",
+    "vitepress": "^1.6.1",
     "vitepress-theme-mild": "workspace:*"
   }
 }

packages/theme/index.ts

@@ -38,11 +38,18 @@ const MildTheme: Theme = {
     }
 
     if (!(import.meta as any).env.SSR) {
-      if (!(import.meta as any).env.DEV) {
-        setTimeout(() => {
-          window.scrollTo(0, 0);
-        }, 300);
+      if (!themeConfig.scrollRestoration) {
+        if ('scrollRestoration' in history) {
+          history.scrollRestoration = 'manual';
+        }
       }
+
+      else {
+        if ('scrollRestoration' in history) {
+          history.scrollRestoration = 'auto';
+        }
+      }
+
       if ((import.meta as any).hot) {
         let scrollPosition = 0;
         // 监听热模块替换之前的事件

packages/theme/src/client/styles/index.scss

@@ -1,5 +1,6 @@
 @import './variable.css';
 @import 'nprogress/nprogress.css';
+@import './slide-enter.css';
 
 .n-image-preview-container {
   .n-image-preview-toolbar {
@@ -117,103 +118,3 @@
     background: var(--vp-c-brand); /* 修改进度条的颜色 */
   }
 }
-
-@keyframes slide-enter {
-  0% {
-    transform: translateY(10px);
-    opacity: 0;
-  }
-
-  to {
-    transform: translateY(0);
-    opacity: 100;
-  }
-}
-
-@media (prefers-reduced-motion: no-preference) {
-  [slide-enter],
-  .slide-enter,
-  .slide-enter-content > * {
-    --enter-stage: 0;
-    --enter-step: 150ms;
-    --enter-initial: 0ms;
-    animation: slide-enter 1s both 1;
-    animation-delay: calc(var(--enter-initial) + var(--enter-stage) * var(--enter-step));
-  }
-
-  .slide-enter-content > *:nth-child(1) {
-    --enter-stage: 1;
-  }
-  .slide-enter-content > *:nth-child(2) {
-    --enter-stage: 2;
-  }
-  .slide-enter-content > *:nth-child(3) {
-    --enter-stage: 3;
-  }
-  .slide-enter-content > *:nth-child(4) {
-    --enter-stage: 4;
-  }
-  .slide-enter-content > *:nth-child(5) {
-    --enter-stage: 5;
-  }
-  .slide-enter-content > *:nth-child(6) {
-    --enter-stage: 6;
-  }
-  .slide-enter-content > *:nth-child(7) {
-    --enter-stage: 7;
-  }
-  .slide-enter-content > *:nth-child(8) {
-    --enter-stage: 8;
-  }
-  .slide-enter-content > *:nth-child(9) {
-    --enter-stage: 9;
-  }
-  .slide-enter-content > *:nth-child(10) {
-    --enter-stage: 10;
-  }
-  .slide-enter-content > *:nth-child(11) {
-    --enter-stage: 11;
-  }
-  .slide-enter-content > *:nth-child(12) {
-    --enter-stage: 12;
-  }
-  .slide-enter-content > *:nth-child(13) {
-    --enter-stage: 13;
-  }
-  .slide-enter-content > *:nth-child(14) {
-    --enter-stage: 14;
-  }
-  .slide-enter-content > *:nth-child(15) {
-    --enter-stage: 15;
-  }
-  .slide-enter-content > *:nth-child(16) {
-    --enter-stage: 16;
-  }
-  .slide-enter-content > *:nth-child(17) {
-    --enter-stage: 17;
-  }
-  .slide-enter-content > *:nth-child(18) {
-    --enter-stage: 18;
-  }
-  .slide-enter-content > *:nth-child(19) {
-    --enter-stage: 19;
-  }
-  .slide-enter-content > *:nth-child(20) {
-    --enter-stage: 20;
-  }
-  .slide-enter-content > *:nth-child(21) {
-    --enter-stage: 21;
-  }
-  .slide-enter-content > *:nth-child(22) {
-    --enter-stage: 22;
-  }
-  .slide-enter-content > *:nth-child(23) {
-    --enter-stage: 23;
-  }
-  .slide-enter-content > *:nth-child(24) {
-    --enter-stage: 24;
-  }
-  .slide-enter-content > *:nth-child(25) {
-    --enter-stage: 25;
-  }
-}