From 4e3d6ba75d09d6fbb93fcc396d41e85da10e1535 Mon Sep 17 00:00:00 2001
From: _Kerman <kermanx@qq.com>
Date: Mon, 26 Aug 2024 10:40:16 +0800
Subject: [PATCH 1/4] docs: fix hydration mismatch

---
 docs/.vitepress/theme/components/Layout.vue | 38 +++++++++++----------
 1 file changed, 20 insertions(+), 18 deletions(-)

diff --git a/docs/.vitepress/theme/components/Layout.vue b/docs/.vitepress/theme/components/Layout.vue
index 766c00adf3..4b2a8b1402 100644
--- a/docs/.vitepress/theme/components/Layout.vue
+++ b/docs/.vitepress/theme/components/Layout.vue
@@ -32,27 +32,29 @@ const route = useRoute()
       </a>
     </template>
     <template #sidebar-nav-after>
-      <div flex="~ col gap-2">
-        <div v-if="route.data?.frontmatter?.tags" class="bg-$vp-c-bg-soft p4 rounded-lg" flex="~ col gap-2">
-          <div font-bold text-sm op75>
-            Tags
-          </div>
-          <div flex="~ wrap gap-2">
-            <FeatureTag v-for="tag in route.data.frontmatter.tags" :key="tag" :tag="tag" />
+      <ClientOnly>
+        <div flex="~ col gap-2">
+          <div v-if="route.data?.frontmatter?.tags" class="bg-$vp-c-bg-soft p4 rounded-lg" flex="~ col gap-2">
+            <div font-bold text-sm op75>
+              Tags
+            </div>
+            <div flex="~ wrap gap-2">
+              <FeatureTag v-for="tag in route.data.frontmatter.tags" :key="tag" :tag="tag" />
+            </div>
           </div>
-        </div>
-        <div v-if="route.data?.frontmatter?.since" class="bg-$vp-c-bg-soft px2 pb2 rounded-lg" flex="~ col gap-1">
-          <div font-bold text-sm op75 px2 pt4>
-            Since
+          <div v-if="route.data?.frontmatter?.since" class="bg-$vp-c-bg-soft px2 pb2 rounded-lg" flex="~ col gap-1">
+            <div font-bold text-sm op75 px2 pt4>
+              Since
+            </div>
+            <VPMenuLink
+              :item="{
+                text: route.data.frontmatter.since,
+                link: `https://github.com/slidevjs/slidev/releases/tag/${route.data.frontmatter.since}`,
+              }"
+            />
           </div>
-          <VPMenuLink
-            :item="{
-              text: route.data.frontmatter.since,
-              link: `https://github.com/slidevjs/slidev/releases/tag/${route.data.frontmatter.since}`,
-            }"
-          />
         </div>
-      </div>
+      </ClientOnly>
     </template>
   </Layout>
 </template>

From 68c033dd570248b02c71b87cdb0534260fcc5eb0 Mon Sep 17 00:00:00 2001
From: _Kerman <kermanx@qq.com>
Date: Mon, 26 Aug 2024 11:03:58 +0800
Subject: [PATCH 2/4] fix

---
 docs/.vitepress/theme/components/Layout.vue | 38 ++++++++++-----------
 docs/features/slide-scope-style.md          |  2 +-
 docs/vite.config.ts                         |  3 ++
 3 files changed, 22 insertions(+), 21 deletions(-)

diff --git a/docs/.vitepress/theme/components/Layout.vue b/docs/.vitepress/theme/components/Layout.vue
index 4b2a8b1402..766c00adf3 100644
--- a/docs/.vitepress/theme/components/Layout.vue
+++ b/docs/.vitepress/theme/components/Layout.vue
@@ -32,29 +32,27 @@ const route = useRoute()
       </a>
     </template>
     <template #sidebar-nav-after>
-      <ClientOnly>
-        <div flex="~ col gap-2">
-          <div v-if="route.data?.frontmatter?.tags" class="bg-$vp-c-bg-soft p4 rounded-lg" flex="~ col gap-2">
-            <div font-bold text-sm op75>
-              Tags
-            </div>
-            <div flex="~ wrap gap-2">
-              <FeatureTag v-for="tag in route.data.frontmatter.tags" :key="tag" :tag="tag" />
-            </div>
+      <div flex="~ col gap-2">
+        <div v-if="route.data?.frontmatter?.tags" class="bg-$vp-c-bg-soft p4 rounded-lg" flex="~ col gap-2">
+          <div font-bold text-sm op75>
+            Tags
           </div>
-          <div v-if="route.data?.frontmatter?.since" class="bg-$vp-c-bg-soft px2 pb2 rounded-lg" flex="~ col gap-1">
-            <div font-bold text-sm op75 px2 pt4>
-              Since
-            </div>
-            <VPMenuLink
-              :item="{
-                text: route.data.frontmatter.since,
-                link: `https://github.com/slidevjs/slidev/releases/tag/${route.data.frontmatter.since}`,
-              }"
-            />
+          <div flex="~ wrap gap-2">
+            <FeatureTag v-for="tag in route.data.frontmatter.tags" :key="tag" :tag="tag" />
+          </div>
+        </div>
+        <div v-if="route.data?.frontmatter?.since" class="bg-$vp-c-bg-soft px2 pb2 rounded-lg" flex="~ col gap-1">
+          <div font-bold text-sm op75 px2 pt4>
+            Since
           </div>
+          <VPMenuLink
+            :item="{
+              text: route.data.frontmatter.since,
+              link: `https://github.com/slidevjs/slidev/releases/tag/${route.data.frontmatter.since}`,
+            }"
+          />
         </div>
-      </ClientOnly>
+      </div>
     </template>
   </Layout>
 </template>
diff --git a/docs/features/slide-scope-style.md b/docs/features/slide-scope-style.md
index 50f86f6ae8..bc2b9c4913 100644
--- a/docs/features/slide-scope-style.md
+++ b/docs/features/slide-scope-style.md
@@ -1,6 +1,6 @@
 ---
 relates:
-  - Vue's <style scoped>: https://vue-loader.vuejs.org/guide/scoped-css.html
+  - "Vue's <style scoped>": https://vue-loader.vuejs.org/guide/scoped-css.html
   - UnoCSS directives: https://unocss.dev/transformers/directives
 tags: [styling, syntax]
 description: |
diff --git a/docs/vite.config.ts b/docs/vite.config.ts
index 15175a17f9..4aeff86c50 100644
--- a/docs/vite.config.ts
+++ b/docs/vite.config.ts
@@ -49,4 +49,7 @@ export default defineConfig({
       },
     },
   ],
+  build: {
+    sourcemap: true,
+  },
 })

From a354860a95773e9051ac72fb5c612fd309955618 Mon Sep 17 00:00:00 2001
From: _Kerman <kermanx@qq.com>
Date: Mon, 26 Aug 2024 11:07:15 +0800
Subject: [PATCH 3/4] fix

---
 docs/features/slide-scope-style.md |  2 +-
 docs/package.json                  |  3 ++-
 docs/vite.config.ts                | 11 -----------
 3 files changed, 3 insertions(+), 13 deletions(-)

diff --git a/docs/features/slide-scope-style.md b/docs/features/slide-scope-style.md
index bc2b9c4913..6cf49569e6 100644
--- a/docs/features/slide-scope-style.md
+++ b/docs/features/slide-scope-style.md
@@ -1,6 +1,6 @@
 ---
 relates:
-  - "Vue's <style scoped>": https://vue-loader.vuejs.org/guide/scoped-css.html
+  - Vue's Scoped CSS: https://vuejs.org/api/sfc-css-features.html#scoped-css
   - UnoCSS directives: https://unocss.dev/transformers/directives
 tags: [styling, syntax]
 description: |
diff --git a/docs/package.json b/docs/package.json
index 3439d2b4d7..9ab6633a63 100644
--- a/docs/package.json
+++ b/docs/package.json
@@ -6,7 +6,8 @@
   "packageManager": "pnpm@9.7.1",
   "scripts": {
     "dev": "vitepress",
-    "build": "vitepress build"
+    "build": "vitepress build",
+    "preview": "vitepress preview"
   },
   "dependencies": {
     "@antfu/utils": "^0.7.10",
diff --git a/docs/vite.config.ts b/docs/vite.config.ts
index 4aeff86c50..caed0eaf6c 100644
--- a/docs/vite.config.ts
+++ b/docs/vite.config.ts
@@ -37,17 +37,6 @@ export default defineConfig({
     }),
     Inspect(),
     UnoCSS(),
-    {
-      name: 'virtual-modules',
-      resolveId(id) {
-        return id === '/@slidev/configs' ? id : null
-      },
-      load(id) {
-        if (id !== '/@slidev/configs')
-          return
-        return 'export default {}'
-      },
-    },
   ],
   build: {
     sourcemap: true,

From 4d24e9b55867b5526fd652e4ce604505e8122ec1 Mon Sep 17 00:00:00 2001
From: _Kerman <kermanx@qq.com>
Date: Mon, 26 Aug 2024 11:42:44 +0800
Subject: [PATCH 4/4] chore: update

---
 docs/vite.config.ts | 3 ---
 1 file changed, 3 deletions(-)

diff --git a/docs/vite.config.ts b/docs/vite.config.ts
index caed0eaf6c..55a5e282d5 100644
--- a/docs/vite.config.ts
+++ b/docs/vite.config.ts
@@ -38,7 +38,4 @@ export default defineConfig({
     Inspect(),
     UnoCSS(),
   ],
-  build: {
-    sourcemap: true,
-  },
 })