From 0516c1d4f6e61aa4dcc4b6e56e9fece0d4c4f301 Mon Sep 17 00:00:00 2001
From: Robin Kehl <robin.kehl@singular-it.de>
Date: Tue, 14 Jan 2025 13:34:49 +0100
Subject: [PATCH] fix: hydration style mismatch

---
 src/client/theme-default/components/VPHomeContent.vue | 11 +----------
 1 file changed, 1 insertion(+), 10 deletions(-)

diff --git a/src/client/theme-default/components/VPHomeContent.vue b/src/client/theme-default/components/VPHomeContent.vue
index 3e0262351977..baa994097f90 100644
--- a/src/client/theme-default/components/VPHomeContent.vue
+++ b/src/client/theme-default/components/VPHomeContent.vue
@@ -1,16 +1,7 @@
-<script setup lang="ts">
-import { useWindowSize } from '@vueuse/core'
-
-const { width: vw } = useWindowSize({
-  initialWidth: 0,
-  includeScrollbar: false
-})
-</script>
-
 <template>
   <div
     class="vp-doc container"
-    :style="vw ? { '--vp-offset': `calc(50% - ${vw / 2}px)` } : {}"
+    style="--vp-offset: calc(50% - 50vw)"
   >
     <slot />
   </div>