From 7988d5a29944f38f40f26d6df9541fe8696bc59e Mon Sep 17 00:00:00 2001
From: ThatOneCalculator <kainoa@t1c.dev>
Date: Sat, 17 Dec 2022 17:22:18 -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 | 30 ++++++++++++++---------------
 2 files changed, 16 insertions(+), 16 deletions(-)

diff --git a/package.json b/package.json
index ccaf0e134..9620e2058 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "calckey",
-	"version": "13.0.7",
+	"version": "13.0.8",
 	"codename": "aqua",
 	"repository": {
 		"type": "git",
diff --git a/packages/client/src/pages/about.vue b/packages/client/src/pages/about.vue
index 54d4c29c7..83d7941f7 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 :src="defaultStore.woozyMode ? '/assets/woozy.png' : $instance.iconUrl || $instance.faviconUrl || '/favicon.ico'" aria-label="none" class="icon" @click="easterEgg"/>
+							<img ref="instanceIcon" :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>
@@ -167,6 +167,20 @@ definePageMetadata(computed(() => ({
 	icon: 'ph-info-bold ph-lg',
 })));
 
+async function easterEgg(): Promise<void> {
+	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';
+		instanceIcon.style.animation = 'swpinY 0.9s 1';
+	}
+}
+
 let swiperRef = null;
 
 async function sleep(seconds) {
@@ -186,20 +200,6 @@ function syncSlide(index) {
 	swiperRef.slideTo(index);
 }
 
-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';
-		instanceIcon.style.animation = 'swpinY 0.9s 1';
-	}
-}
-
 </script>
 
 <style lang="scss" scoped>