From b1fbbbe426c334654fd93e5ede3f0dc458af77a1 Mon Sep 17 00:00:00 2001
From: ThatOneCalculator <kainoa@t1c.dev>
Date: Sat, 17 Dec 2022 17:17:24 -0800
Subject: [PATCH] =?UTF-8?q?fix:=20=F0=9F=A5=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 package.json                        |  2 +-
 packages/client/src/pages/about.vue | 28 +++++++++++++---------------
 2 files changed, 14 insertions(+), 16 deletions(-)

diff --git a/package.json b/package.json
index 39ad82ef3..ccaf0e134 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "calckey",
-	"version": "13.0.6",
+	"version": "13.0.7",
 	"codename": "aqua",
 	"repository": {
 		"type": "git",
diff --git a/packages/client/src/pages/about.vue b/packages/client/src/pages/about.vue
index 6056a0083..54d4c29c7 100644
--- a/packages/client/src/pages/about.vue
+++ b/packages/client/src/pages/about.vue
@@ -14,7 +14,7 @@
 				<div class="_formRoot">
 					<div class="_formBlock fwhjspax" :style="{ backgroundImage: `url(${ $instance.bannerUrl })` }">
 						<div class="content">
-							<img ref="instanceIcon" :src="defaultStore.woozyMode ? '/assets/woozy.png' : $instance.iconUrl || $instance.faviconUrl || '/favicon.ico'" aria-label="none" class="icon"/>
+							<img :src="defaultStore.woozyMode ? '/assets/woozy.png' : $instance.iconUrl || $instance.faviconUrl || '/favicon.ico'" aria-label="none" class="icon" @click="easterEgg"/>
 							<div class="name">
 								<b>{{ $instance.name || host }}</b>
 							</div>
@@ -186,21 +186,19 @@ function syncSlide(index) {
 	swiperRef.slideTo(index);
 }
 
-onMounted(() => {
-	instanceIcon.addEventListener('click', async () => {
-		iconClicks++;
+async function easterEgg() {
+	iconClicks++;
+	instanceIcon.style.animation = 'unset';
+	await sleep(0.1);
+	const normalizedCount = (iconClicks % 3) + 1;
+	instanceIcon.style.animation = `iconShake${normalizedCount} 0.${normalizedCount}s 1`;
+	if (iconClicks % 3 === 0) {
+		defaultStore.set('woozyMode', !defaultStore.woozyMode);
+		await sleep(0.4);
 		instanceIcon.style.animation = 'unset';
-		await sleep(0.1);
-		const normalizedCount = (iconClicks % 3) + 1;
-		instanceIcon.style.animation = `iconShake${normalizedCount} 0.${normalizedCount}s 1`;
-		if (iconClicks % 3 === 0) {
-			defaultStore.set('woozyMode', !defaultStore.woozyMode);
-			await sleep(0.4);
-			instanceIcon.style.animation = 'unset';
-			instanceIcon.style.animation = 'swpinY 0.9s 1';
-		}
-	});
-});
+		instanceIcon.style.animation = 'swpinY 0.9s 1';
+	}
+}
 
 </script>