From 033e94b24da685f292ee595a0b9984784fa9675e Mon Sep 17 00:00:00 2001
From: raeji <122718637+jijirae@users.noreply.github.com>
Date: Sun, 4 Aug 2024 16:10:40 +0800
Subject: [PATCH] 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 | 35 +++++++++++++++++++++++++++++++----
 1 file changed, 31 insertions(+), 4 deletions(-)

diff --git a/docs/index.md b/docs/index.md
index 78230e003..daa4a3ec0 100644
--- a/docs/index.md
+++ b/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>