move img.title generator to Video component

docs/.vitepress/theme/components/Video.vue

@@ -1,41 +1,41 @@
 <template>
   <Teleport to="body">
-    <video v-if="videoURL" controls :src="videoURL" ref="video">
-        Hello
-    </video>
+    <video v-if="videoURL" controls :src="videoURL" ref="video">Hello</video>
   </Teleport>
 </template>
 
 <script setup lang="ts">
-import { useData } from 'vitepress'
-import { computed, useTemplateRef, watch } from 'vue'
+import { useData } from "vitepress";
+import { computed, useTemplateRef, watch } from "vue";
 
-const { frontmatter } = useData<{ video?: string }>()
-const videoURL = computed(() => frontmatter.value?.video)
+const { frontmatter } = useData<{ video?: string }>();
+const videoURL = computed(() => frontmatter.value?.video);
 const videoEl = useTemplateRef("video");
 
-function setImgClick(){
+function setImgClick() {
   const v = videoEl.value;
   if (!v) {
     return;
   }
 
-  document.querySelectorAll('img').forEach((img) => {
-    const [, min, sec] = /^(\d+)\:(\d+)$/.exec(img.alt) || []
-    const t = min && sec ? parseInt(min) * 60 + parseInt(sec) : null
+  document.querySelectorAll("img").forEach((img) => {
+    const [, min, sec] = /^(\d+)\:(\d+)$/.exec(img.alt) || [];
+    const t = min && sec ? parseInt(min) * 60 + parseInt(sec) : null;
     if (!t) return;
 
+    img.title = img.title || img.alt;
+
     img.onclick = () => {
-        v.currentTime = t
-    }
-  })
+      v.currentTime = t;
+    };
+  });
 }
 
 watch(videoURL, () => {
-  setImgClick()
-})
+  setImgClick();
+});
 
-setTimeout(() => setImgClick(), 500)
+setTimeout(() => setImgClick(), 500);
 </script>
 
 <style scoped>
@@ -47,4 +47,4 @@ video {
   left: 10px;
   z-index: 100;
 }
-</style>
+</style>