From 5256eff88de3f776ecfe4d52250d0191d8f0361b Mon Sep 17 00:00:00 2001
From: MaysWind <i@mayswind.net>
Date: Sun, 5 Jan 2025 17:15:06 +0800
Subject: [PATCH] code refactor

---
 src/components/common/MapView.vue          | 2 +-
 src/components/common/PinCodeInput.vue     | 2 +-
 src/components/desktop/ColorSelect.vue     | 2 +-
 src/components/desktop/IconSelect.vue      | 2 +-
 src/components/mobile/InformationSheet.vue | 2 +-
 5 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/components/common/MapView.vue b/src/components/common/MapView.vue
index be1e109a..dae24af9 100644
--- a/src/components/common/MapView.vue
+++ b/src/components/common/MapView.vue
@@ -26,7 +26,7 @@ const props = defineProps<{
 
 const { tt, getCurrentLanguageInfo } = useI18n();
 
-const mapContainer: Ref<HTMLElement | null> = useTemplateRef('mapContainer');
+const mapContainer = useTemplateRef<HTMLElement>('mapContainer');
 const mapInstance: Ref<MapInstance | null> = ref(createMapInstance());
 const initCenter: Ref<MapPosition> = ref({
     latitude: 0,
diff --git a/src/components/common/PinCodeInput.vue b/src/components/common/PinCodeInput.vue
index cb505b72..8c70591d 100644
--- a/src/components/common/PinCodeInput.vue
+++ b/src/components/common/PinCodeInput.vue
@@ -43,7 +43,7 @@ const emit = defineEmits<{
 }>();
 
 const codes: Ref<PinCode[]> = ref([]);
-const pinCodeInputs: Ref<HTMLInputElement[]> = useTemplateRef('pin-code-input');
+const pinCodeInputs = useTemplateRef<HTMLInputElement[]>('pin-code-input');
 
 const finalPinCode = computed<string>(() => {
     let ret = '';
diff --git a/src/components/desktop/ColorSelect.vue b/src/components/desktop/ColorSelect.vue
index a4af3df0..e856ca10 100644
--- a/src/components/desktop/ColorSelect.vue
+++ b/src/components/desktop/ColorSelect.vue
@@ -69,7 +69,7 @@ const icons = {
     checked: mdiCheck
 };
 
-const dropdownMenu: Ref<HTMLElement | null> = useTemplateRef('dropdownMenu');
+const dropdownMenu = useTemplateRef<HTMLElement>('dropdownMenu');
 const itemPerRow: Ref<number> = ref(props.columnCount || 7);
 
 const allColorRows = computed<ColorInfo[][]>(() => {
diff --git a/src/components/desktop/IconSelect.vue b/src/components/desktop/IconSelect.vue
index c7e146d4..22bbebc9 100644
--- a/src/components/desktop/IconSelect.vue
+++ b/src/components/desktop/IconSelect.vue
@@ -67,7 +67,7 @@ const icons = {
     checked: mdiCheck
 };
 
-const dropdownMenu: Ref<HTMLElement | null> = useTemplateRef('dropdownMenu');
+const dropdownMenu = useTemplateRef<HTMLElement>('dropdownMenu');
 const itemPerRow: Ref<number> = ref(props.columnCount || 7);
 
 const allIconRows = computed<IconInfoWithId[][]>(() => {
diff --git a/src/components/mobile/InformationSheet.vue b/src/components/mobile/InformationSheet.vue
index 03696a7a..8084b713 100644
--- a/src/components/mobile/InformationSheet.vue
+++ b/src/components/mobile/InformationSheet.vue
@@ -43,7 +43,7 @@ const emit = defineEmits<{
     (e: 'info:copied'): void
 }>();
 
-const iconCopyToClipboard: Ref<unknown> = useTemplateRef('copyToClipboardIcon');
+const iconCopyToClipboard = useTemplateRef('copyToClipboardIcon');
 
 let clipboardHolder: ClipboardHolder | null = null;