youtube embed playlist

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>

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 />
 
 ---
 

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: 멈추다