From 382f64220564035d3907649619c50ad0a221e90b Mon Sep 17 00:00:00 2001
From: polv <polv@polv.cc>
Date: Sat, 12 Sep 2026 19:09:09 +0700
Subject: [PATCH] youtube embed playlist

---
 docs/.vitepress/theme/components/YouTube.vue  | 16 ++++++++++++++--
 docs/howtostudykorean/theme/index.md          | 16 ++++++++--------
 docs/howtostudykorean/theme/transportation.md |  2 +-
 3 files changed, 23 insertions(+), 11 deletions(-)

diff --git a/docs/.vitepress/theme/components/YouTube.vue b/docs/.vitepress/theme/components/YouTube.vue
index 89fdb15..ea70e06 100644
--- a/docs/.vitepress/theme/components/YouTube.vue
+++ b/docs/.vitepress/theme/components/YouTube.vue
@@ -4,7 +4,11 @@
       :class="$style.iframe"
       width="100%"
       height="100%"
-      :src="'https://www.youtube.com/embed/' + $props.id"
+      :src="
+        'https://www.youtube.com/embed/' +
+        ($props.list ? `videoseries?list=${$props.list}` : $props.id)
+      "
+      :title="$props.title"
       frameborder="0"
       allow="
         accelerometer;
@@ -13,14 +17,22 @@
         gyroscope;
         picture-in-picture;
         fullscreen;
+        clipboard-write;
+        web-share;
       "
+      referrerpolicy="strict-origin-when-cross-origin"
+      allowfullscreen
     >
     </iframe>
   </div>
 </template>
 
 <script setup lang="ts">
-defineProps<{ id: string; title?: string }>();
+defineProps<{
+  id?: string;
+  list?: string;
+  title?: string;
+}>();
 </script>
 
 <style module>
diff --git a/docs/howtostudykorean/theme/index.md b/docs/howtostudykorean/theme/index.md
index 10ed83a..9ea4fff 100644
--- a/docs/howtostudykorean/theme/index.md
+++ b/docs/howtostudykorean/theme/index.md
@@ -36,21 +36,21 @@ In time, we will continue to update more Theme Lessons to this Unit.
 
 In addition, we will eventually make Theme Lessons that fall under later Units. Theme Lessons under later Units will gradually be focused on more and more complex themes.
 
-#### Analyzing Korean Signs
+## Analyzing Korean Signs
 
-- https://www.youtube.com/playlist?list=PLpkY2PdR9aLO_V0LFnP3_cdapJBcuG3-O
+<YouTube list=PLpkY2PdR9aLO_V0LFnP3_cdapJBcuG3-O />
 
-#### Sentence Practice
+## Sentence Practice
 
-- https://www.youtube.com/playlist?list=PLpkY2PdR9aLOKW0N5CqSDNJF7rVaQCwpX
+<YouTube list=PLpkY2PdR9aLOKW0N5CqSDNJF7rVaQCwpX />
 
-#### Dictation Practice
+## Dictation Practice
 
-- https://www.youtube.com/playlist?list=PLpkY2PdR9aLMLiZnUBQFJxvr2Bs4eMbI6
+<YouTube list=PLpkY2PdR9aLMLiZnUBQFJxvr2Bs4eMbI6 />
 
-#### 20 SECOND LOOKS AT RAW KOREA
+## 20 SECOND LOOKS AT RAW KOREA
 
-- https://www.youtube.com/playlist?list=PLpkY2PdR9aLOiwxKcoih94VHS4wGvOmQx
+<YouTube list=PLpkY2PdR9aLOiwxKcoih94VHS4wGvOmQx />
 
 ---
 
diff --git a/docs/howtostudykorean/theme/transportation.md b/docs/howtostudykorean/theme/transportation.md
index 4ade909..b279b2f 100644
--- a/docs/howtostudykorean/theme/transportation.md
+++ b/docs/howtostudykorean/theme/transportation.md
@@ -348,7 +348,7 @@ vocabulary:
           en: Where can I **charge** my transportation card?
         - ko: 카드를 **충전해** 주세요
           en: Please **recharge** my card
-        - ko: 카드에 10,000원 (만원)을 **충전해** 주세요
+        - ko: 카드에 10,000원을 **충전해** 주세요
           en: Please **recharge** my card with 10,000 won
 
     - ko: 멈추다