From 8fc5e03758fc5976941e8e043ee451248eff1797 Mon Sep 17 00:00:00 2001
From: polv <polv@polv.cc>
Date: Tue, 3 Feb 2026 12:58:31 +0700
Subject: [PATCH] move img.title generator to Video component

---
 docs/.vitepress/config.mts                 | 15 ---------
 docs/.vitepress/theme/components/Video.vue | 36 +++++++++++-----------
 2 files changed, 18 insertions(+), 33 deletions(-)

diff --git a/docs/.vitepress/config.mts b/docs/.vitepress/config.mts
index fbc03261..23095ea4 100644
--- a/docs/.vitepress/config.mts
+++ b/docs/.vitepress/config.mts
@@ -30,21 +30,6 @@ export default defineConfig({
     image: {
       lazyLoading: true,
     },
-    config(md) {
-      md.renderer.rules.image = function (tokens, idx, options, env, slf) {
-        const token = tokens[idx];
-
-        // Get the alt if it exists
-        const alt = token.attrGet('alt') || token.content || '';
-
-        // Fill the title attribute with the alt if it exists
-        if (!token.attrGet('title')) {
-          token.attrSet('title', alt);
-        }
-
-        return slf.renderToken(tokens, idx, options)
-      }
-    }
   },
   vite: {
     clearScreen: false,
diff --git a/docs/.vitepress/theme/components/Video.vue b/docs/.vitepress/theme/components/Video.vue
index 5e8e6ae5..77d5f8c3 100644
--- a/docs/.vitepress/theme/components/Video.vue
+++ b/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>
\ No newline at end of file
+</style>