youtube and PDF frame

docs/.vitepress/theme/index.ts

@@ -6,10 +6,13 @@ import DefaultTheme from "vitepress/theme";
 import { h } from "vue";
 
 import AudioButton from "./components/AudioButton.vue";
+import Details from "./components/Details.vue";
+import Frame from "./components/Frame.vue";
+import TTS from "./components/TTS.vue";
+import YouTube from "./components/YouTube.vue";
 
 import type { Theme } from "vitepress";
-import Details from "./components/Details.vue";
-import TTS from "./components/TTS.vue";
+
 export default {
   extends: DefaultTheme,
   Layout: () => {
@@ -22,5 +25,7 @@ export default {
     app.component("AudioButton", AudioButton);
     app.component("Details", Details);
     app.component("TTS", TTS);
+    app.component("YouTube", YouTube);
+    app.component("Frame", Frame);
   },
 } satisfies Theme;