Fix for lite you tube video images

Author: MarcelGeo

src/.vitepress/components/YouTube.vue

@@ -18,4 +18,10 @@ const props = defineProps({
 </script>
 
 <style scoped>
+lite-youtube {
+  width: 100%;
+  height: 100%;
+  aspect-ratio: 16 / 9;
+  display: block;
+}
 </style>

src/.vitepress/config.mts

@@ -12,6 +12,13 @@ export default defineConfig({
   ignoreDeadLinks: true,
   cleanUrls: true,
   outDir: "../dist/docs",
+  vue: {
+    template: {
+      compilerOptions: {
+        isCustomElement: (tag) => tag === 'lite-youtube'
+      }
+    }
+  },
   markdown: {
     config(md) {
       // Fix for image width and height handling for proper scrolling