From 205ca1217890f8ea10fff577ab99deac50f5da15 Mon Sep 17 00:00:00 2001
From: syuilo <4439005+syuilo@users.noreply.github.com>
Date: Mon, 15 Sep 2025 08:59:01 +0900
Subject: [PATCH] refactor

---
 packages/frontend/src/pages/qr.show.vue | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/packages/frontend/src/pages/qr.show.vue b/packages/frontend/src/pages/qr.show.vue
index 6c81077a3f..e4bf7085ce 100644
--- a/packages/frontend/src/pages/qr.show.vue
+++ b/packages/frontend/src/pages/qr.show.vue
@@ -51,8 +51,8 @@ const canShare = computed(() => navigator.canShare && navigator.canShare(shareDa
 
 const qrCodeEl = useTemplateRef('qrCodeEl');
 
-const avatarColor = computed(() => tinycolor(instance.themeColor ?? '#86b300'));
-const avatarHsl = computed(() => avatarColor.value.toHsl());
+const qrColor = computed(() => tinycolor(instance.themeColor ?? '#86b300'));
+const qrHsl = computed(() => qrColor.value.toHsl());
 
 function share() {
 	if (!canShare.value) return;
@@ -78,10 +78,10 @@ const qrCodeInstance = new QRCodeStyling({
 		crossOrigin: 'anonymous',
 	},
 	dotsOptions: {
-		color: tinycolor(`hsl(${avatarHsl.value.h}, 100, 18)`).toRgbString(),
+		color: tinycolor(`hsl(${qrHsl.value.h}, 100, 18)`).toRgbString(),
 	},
 	backgroundOptions: {
-		color: tinycolor(`hsl(${avatarHsl.value.h}, 100, 97)`).toRgbString(),
+		color: tinycolor(`hsl(${qrHsl.value.h}, 100, 97)`).toRgbString(),
 	},
 });