From 66a8dc06e0fc8901bb80d829e98647238f5c705e Mon Sep 17 00:00:00 2001
From: RB007 <36972202+RoosterBooster007@users.noreply.github.com>
Date: Sun, 22 Feb 2026 01:24:54 -0500
Subject: [PATCH] =?UTF-8?q?fix:=20it=20actually=20works=20now=20?=
 =?UTF-8?q?=F0=9F=8E=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/components/content/Youtube.vue | 18 ++++++++++--------
 1 file changed, 10 insertions(+), 8 deletions(-)

diff --git a/app/components/content/Youtube.vue b/app/components/content/Youtube.vue
index 49c2eba..5539de2 100644
--- a/app/components/content/Youtube.vue
+++ b/app/components/content/Youtube.vue
@@ -1,15 +1,17 @@
 <script setup lang="ts">
-defineProps<{ videoId: string }>();
+defineProps<{ videoid: string }>();
 </script>
 
 <template>
     <div class="not-prose mx-auto max-w-3xl w-full aspect-video overflow-hidden rounded-lg">
-        <iframe
-            :src="`https://www.youtube.com/embed/${videoId}`"
-            class="h-full w-full"
-            frameborder="0"
-            allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
-            allowfullscreen
-        />
+        <ClientOnly>
+            <iframe
+                :src="`https://www.youtube.com/embed/${videoid}`"
+                class="h-full w-full"
+                frameborder="0"
+                allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
+                allowfullscreen
+            />
+        </ClientOnly>
     </div>
 </template>