From df560fa20de68062dfb74f1f296064d5e32336dd Mon Sep 17 00:00:00 2001
From: ThatOneCalculator <kainoa@t1c.dev>
Date: Sat, 17 Dec 2022 18: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/components/MkStarButton.vue |  2 +-
 packages/client/src/pages/about.vue             | 15 ++++++---------
 3 files changed, 8 insertions(+), 11 deletions(-)

diff --git a/package.json b/package.json
index bf1be55662..568f823c93 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "calckey",
-	"version": "13.0.5-rc.5",
+	"version": "13.0.5-rc.6",
 	"codename": "aqua",
 	"repository": {
 		"type": "git",
diff --git a/packages/client/src/components/MkStarButton.vue b/packages/client/src/components/MkStarButton.vue
index e1deb47edd..b4773744aa 100644
--- a/packages/client/src/components/MkStarButton.vue
+++ b/packages/client/src/components/MkStarButton.vue
@@ -1,6 +1,6 @@
 <template>
 <button v-tooltip.noDelay.bottom="i18n.ts._gallery.like" class="skdfgljsdkf _button" @click="star($event)">
-	<i v-if="!defaultStore.woozyMode" class="ph-star-bold ph-lg"></i>
+	<i v-if="defaultStore.state.woozyMode === false" class="ph-star-bold ph-lg"></i>
 	<symbol v-else id="fluent-emoji-high-contrast-woozy-face" symbol viewBox="0 0 32 32"><g fill="currentColor">
 		<path d="m17.809-0.20898c-9.9294 2.3e-7 -18 8.0706-18 18 5.8e-7 9.9294 8.0706 18 18 18 9.9294 0 18-8.0706 18-18 0-9.9294-8.0706-18-18-18zm0 1.9785c8.8604 1e-7 16.021 7.1611 16.021 16.021 0 8.8604-7.1611 16.023-16.021 16.023-8.8604 0-16.021-7.163-16.021-16.023-3e-7 -8.8604 7.1611-16.021 16.021-16.021z"/>
 		<path d="m6.001 11c-0.552 0-1-0.448-1-1 0-0.551 0.445-0.998 0.996-1 0.156-2e-3 3.569-0.086 6.205-3.6 0.331-0.44 0.957-0.532 1.4-0.2 0.442 0.331 0.531 0.958 0.2 1.4-3.263 4.35-7.617 4.4-7.801 4.4zm24.986 2.393c0.128 0.537-0.204 1.077-0.741 1.205-0.536 0.128-1.074-0.202-1.204-0.737-0.038-0.151-0.911-3.452-4.941-5.201-0.505-0.22-0.739-0.808-0.519-1.315s0.809-0.739 1.315-0.519c4.989 2.165 6.047 6.388 6.09 6.567z"/>
diff --git a/packages/client/src/pages/about.vue b/packages/client/src/pages/about.vue
index bfe5128fec..22614b0985 100644
--- a/packages/client/src/pages/about.vue
+++ b/packages/client/src/pages/about.vue
@@ -122,6 +122,7 @@ withDefaults(defineProps<{
 
 let stats = $ref(null);
 let instanceIcon = $ref<HTMLImageElement>();
+let instanceIconAnimation = $ref('none');
 let iconClicks = 0;
 let tabs = ['overview', 'emojis', 'charts'];
 let tab = $ref(tabs[0]);
@@ -173,17 +174,17 @@ async function sleep(seconds) {
 
 function easterEgg() {
 	iconClicks++;
-	instanceIcon.style.setProperty('--icon-animation', 'none');
+	instanceIconAnimation = 'none';
 	console.log(iconClicks);
 	sleep(0.1);
 	const normalizedCount = (iconClicks % 3) + 1;
-	instanceIcon.style.setProperty('--icon-animation', `iconShake${normalizedCount} 0.${normalizedCount}s`);
+	instanceIconAnimation = `iconShake${normalizedCount} 0.${normalizedCount}s`;
 	if (iconClicks % 3 === 0) {
 		console.log('here');
 		defaultStore.state.woozyMode = !defaultStore.state.woozyMode;
 		sleep(0.4);
-		instanceIcon.style.setProperty('--icon-animation', 'none');
-		instanceIcon.style.setProperty('--icon-animation', 'swpinY 0.9s');
+		instanceIconAnimation = 'none';
+		instanceIconAnimation = 'swpinY 0.9s';
 		if (iconClicks % 6 === 0) {
 			instanceIcon.src = instance.iconUrl || instance.faviconUrl || '/favicon.ico'
 		}
@@ -258,10 +259,6 @@ function syncSlide(index) {
 	100% { transform: perspective(128px) rotateY(360deg); }
 }
 
-:root {
-	--icon-animation: none;
-}
-
 .fwhjspax {
 	text-align: center;
 	border-radius: 10px;
@@ -277,7 +274,7 @@ function syncSlide(index) {
 			margin: 16px auto 0 auto;
 			height: 64px;
 			border-radius: 8px;
-			animation: var(--icon-animation);
+			animation: v-bind('instanceIconAnimation');
 		}
 
 		> .name {