Add video to homepage hero

docs/.vitepress/theme/Layout.vue

@@ -0,0 +1,11 @@
+<script setup>
+import DefaultTheme from "vitepress/theme";
+</script>
+
+<template>
+  <DefaultTheme.Layout>
+    <template #home-hero-image>
+      <video src="/video.mp4" autoplay loop muted />
+    </template>
+  </DefaultTheme.Layout>
+</template>

docs/.vitepress/theme/index.ts

@@ -1,4 +1,8 @@
 import DefaultTheme from "vitepress/theme";
+import Layout from "./Layout.vue";
 import "./custom.css";
 
-export default DefaultTheme;
+export default {
+  ...DefaultTheme,
+  Layout: Layout,
+};

docs/index.md

@@ -4,7 +4,9 @@ layout: home
 hero:
   name: SafeQL
   text: Write SQL Queries With Confidence
-  tagline: SafeQL is an ESLint plugin for writing SQL queries in a type-safe way.
+  tagline: |
+    An ESLint plugin for writing SQL queries
+    in a type-safe way.
   image:
     src: /ts-pg-logo.svg
     alt: ts-safeql

docs/package.json

@@ -10,7 +10,7 @@
   "license": "MIT",
   "devDependencies": {
     "@algolia/client-search": "4.14.2",
-    "vitepress": "1.0.0-alpha.13",
+    "vitepress": "1.0.0-alpha.49",
     "vue": "3.2.39"
   }
 }