From 61b3bd63fd207aa54fc9d41a6560ae62db90afac Mon Sep 17 00:00:00 2001
From: Makito <i@maki.to>
Date: Wed, 15 Oct 2025 23:41:14 +0900
Subject: [PATCH 1/3] fix: clean up classes on glare card dismiss

---
 docs/.vitepress/theme/glare-card/glare-card.vue | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/docs/.vitepress/theme/glare-card/glare-card.vue b/docs/.vitepress/theme/glare-card/glare-card.vue
index 99d9c3c5..a7591b7b 100644
--- a/docs/.vitepress/theme/glare-card/glare-card.vue
+++ b/docs/.vitepress/theme/glare-card/glare-card.vue
@@ -30,7 +30,7 @@
         <div
             v-if="model"
             class="fixed z-[110] top-0 left-0 flex justify-center items-center w-full h-screen px-8"
-            @click="() => setCard(false)"
+            @click="model = false"
         >
             <motion.div
                 key="glare"
@@ -75,19 +75,19 @@
 
 <script setup lang="ts">
 import { motion, cubicBezier, AnimatePresence } from 'motion-v'
+import { watch } from 'vue'
 
 import Card from './card.vue'
 
-const model = defineModel()
+const model = defineModel({ default: false })
 
-const setCard = (value: boolean) => {
-    model.value = value
-    if (model.value) {
+watch(model, (value) => {
+    if (value) {
         document.documentElement.classList.add('overflow-hidden')
         document.body.classList.add('overflow-hidden')
     } else {
         document.documentElement.classList.remove('overflow-hidden')
         document.body.classList.remove('overflow-hidden')
     }
-}
+}, { immediate: true })
 </script>

From aff6313c3e38ac12284980c678abe31b097e9862 Mon Sep 17 00:00:00 2001
From: Makito <i@maki.to>
Date: Wed, 15 Oct 2025 23:55:30 +0900
Subject: [PATCH 2/3] fix: clean up before unmount

---
 docs/.vitepress/theme/glare-card/glare-card.vue | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/docs/.vitepress/theme/glare-card/glare-card.vue b/docs/.vitepress/theme/glare-card/glare-card.vue
index a7591b7b..1953d86c 100644
--- a/docs/.vitepress/theme/glare-card/glare-card.vue
+++ b/docs/.vitepress/theme/glare-card/glare-card.vue
@@ -75,7 +75,7 @@
 
 <script setup lang="ts">
 import { motion, cubicBezier, AnimatePresence } from 'motion-v'
-import { watch } from 'vue'
+import { onBeforeUnmount, watch } from 'vue'
 
 import Card from './card.vue'
 
@@ -90,4 +90,9 @@ watch(model, (value) => {
         document.body.classList.remove('overflow-hidden')
     }
 }, { immediate: true })
+
+onBeforeUnmount(() => {
+    document.documentElement.classList.remove('overflow-hidden')
+    document.body.classList.remove('overflow-hidden')
+})
 </script>

From fa84f25c531fb65f83d98b34fd9e432d3598f963 Mon Sep 17 00:00:00 2001
From: Makito <i@maki.to>
Date: Thu, 16 Oct 2025 00:08:10 +0900
Subject: [PATCH 3/3] fix: guard for SSR

---
 docs/.vitepress/theme/glare-card/glare-card.vue | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/docs/.vitepress/theme/glare-card/glare-card.vue b/docs/.vitepress/theme/glare-card/glare-card.vue
index 1953d86c..1da7455f 100644
--- a/docs/.vitepress/theme/glare-card/glare-card.vue
+++ b/docs/.vitepress/theme/glare-card/glare-card.vue
@@ -82,6 +82,8 @@ import Card from './card.vue'
 const model = defineModel({ default: false })
 
 watch(model, (value) => {
+    if (typeof window === 'undefined') return
+
     if (value) {
         document.documentElement.classList.add('overflow-hidden')
         document.body.classList.add('overflow-hidden')
@@ -92,6 +94,8 @@ watch(model, (value) => {
 }, { immediate: true })
 
 onBeforeUnmount(() => {
+    if (typeof window === 'undefined') return
+
     document.documentElement.classList.remove('overflow-hidden')
     document.body.classList.remove('overflow-hidden')
 })