homepage video

src/.vitepress/theme/HeroVideo.vue

@@ -0,0 +1,13 @@
+<template>
+  <div style="margin-top: 1.5em; margin-bottom: 1.5em;">
+    <iframe width="560" height="315" src="https://www.youtube.com/embed/_sqzehuqWXw?si=SY04mCk9MhiBPFLP" title="Dexorder on YouTube" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
+  </div>
+</template>
+
+<script setup>
+
+</script>
+
+<style scoped lang="scss">
+
+</style>

src/.vitepress/theme/index.ts

@@ -3,12 +3,14 @@ import { h } from 'vue'
 import type { Theme } from 'vitepress'
 import DefaultTheme from 'vitepress/theme-without-fonts'  // WITHOUT fonts
 import './style.css'
+import HeroVideo from "./HeroVideo.vue";
 
 export default {
   extends: DefaultTheme,
   Layout: () => {
     return h(DefaultTheme.Layout, null, {
       // https://vitepress.dev/guide/extending-default-theme#layout-slots
+      'home-hero-info-after': () => h(HeroVideo),
     })
   },
   enhanceApp({ app, router, siteData }) {