Update index.md

Added a click listen event where if the header image is click 5 times, it changes into uwu mode.

docs/index.md

@@ -59,6 +59,12 @@ onMounted(() => {
       img.src = '/logo-uwu.svg'
     })
   }
+  const resetKawaii = () => {
+    const images = document.querySelectorAll('.VPImage.image-src')
+    images.forEach((img) => {
+      img.src = '/test.png'
+    })
+  }
   if (kawaii === 'true') {
     try {
       localStorage.setItem('uwu', true)
@@ -69,12 +75,33 @@ onMounted(() => {
     try {
       localStorage.removeItem('uwu', false)
     } catch (err) {}
-    const images = document.querySelectorAll('.VPImage.image-src')
-    images.forEach((img) => {
-      img.src = '/test.png'
-    })
+    resetKawaii()
   } else if (preferredKawaii) {
     setKawaii()
   }
+
+  let clickCount = 0;
+  const heroImage = document.querySelector('.VPImage.image-src');
+  
+  const handleClick = () => {
+    clickCount += 1;
+    if (clickCount === 5) {
+      const isKawaii = localStorage.getItem('uwu') === 'true';
+      if (isKawaii) {
+        localStorage.removeItem('uwu');
+        resetKawaii();
+        console.log('uwu mode disabled.');
+      } else {
+        localStorage.setItem('uwu', true);
+        setKawaii();
+        console.log('uwu mode enabled after 5 clicks.');
+      }
+      clickCount = 0;
+    }
+  };
+
+  if (heroImage) {
+    heroImage.addEventListener('click', handleClick);
+  }
 })
 </script>