youtube and PDF frame

docs/.vitepress/theme/components/Frame.vue

@@ -0,0 +1,30 @@
+<template>
+  <div :class="$style.container">
+    <iframe
+      :class="$style.iframe"
+      :src="src"
+      frameborder="0"
+      width="100%"
+      height="100%"
+    ></iframe>
+  </div>
+</template>
+
+<script setup lang="ts">
+defineProps<{ src: string }>();
+</script>
+
+<style module>
+.container {
+  padding-bottom: 120%;
+  position: relative;
+}
+
+.iframe {
+  position: absolute;
+  top: 0px;
+  left: 0px;
+  width: 100%;
+  height: 100%;
+}
+</style>