From af114ee04d66b9b9e037869c74b0872abec48f11 Mon Sep 17 00:00:00 2001
From: Hiroshiba <hihokaruta@gmail.com>
Date: Sat, 25 Jan 2025 20:41:54 +0900
Subject: [PATCH] =?UTF-8?q?refactor:=20inject=E3=81=AE=E6=9B=B8=E3=81=8D?=
 =?UTF-8?q?=E6=96=B9=E3=82=92=E3=82=88=E3=82=8A=E8=89=AF=E3=81=84=E5=BD=A2?=
 =?UTF-8?q?=E3=81=AB=20(#2497)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Dialog/DictionaryEditWordDialog.vue |  9 ++-------
 src/components/Dialog/DictionaryManageDialog.vue   | 10 ++++------
 2 files changed, 6 insertions(+), 13 deletions(-)

diff --git a/src/components/Dialog/DictionaryEditWordDialog.vue b/src/components/Dialog/DictionaryEditWordDialog.vue
index 7b916a9bdc..9cefe07a89 100644
--- a/src/components/Dialog/DictionaryEditWordDialog.vue
+++ b/src/components/Dialog/DictionaryEditWordDialog.vue
@@ -163,10 +163,7 @@
 <script setup lang="ts">
 import { inject, ref } from "vue";
 import { QInput } from "quasar";
-import {
-  DictionaryManageDialogContext,
-  dictionaryManageDialogContextKey,
-} from "./DictionaryManageDialog.vue";
+import { dictionaryManageDialogContextKey } from "./DictionaryManageDialog.vue";
 import AudioAccent from "@/components/Talk/AudioAccent.vue";
 import ContextMenu from "@/components/Menu/ContextMenu/Container.vue";
 import { useRightClickContextMenu } from "@/composables/useRightClickContextMenu";
@@ -175,9 +172,7 @@ import type { FetchAudioResult } from "@/store/type";
 
 const store = useStore();
 
-const context = inject<DictionaryManageDialogContext>(
-  dictionaryManageDialogContextKey,
-);
+const context = inject(dictionaryManageDialogContextKey);
 if (context == undefined)
   throw new Error(`dictionaryManageDialogContext == undefined`);
 const {
diff --git a/src/components/Dialog/DictionaryManageDialog.vue b/src/components/Dialog/DictionaryManageDialog.vue
index 8c3c764737..e10955dfae 100644
--- a/src/components/Dialog/DictionaryManageDialog.vue
+++ b/src/components/Dialog/DictionaryManageDialog.vue
@@ -124,11 +124,9 @@
 </template>
 
 <script lang="ts">
-import { Ref, ComputedRef } from "vue";
+import { Ref, ComputedRef, type InjectionKey } from "vue";
 
-export const dictionaryManageDialogContextKey = "dictionaryManageDialogContext";
-
-export interface DictionaryManageDialogContext {
+export const dictionaryManageDialogContextKey: InjectionKey<{
   wordEditing: Ref<boolean>;
   surfaceInput: Ref<QInput | undefined>;
   selectedId: Ref<string>;
@@ -153,7 +151,7 @@ export interface DictionaryManageDialogContext {
   toInitialState: () => void;
   toWordEditingState: () => void;
   cancel: () => void;
-}
+}> = Symbol("dictionaryManageDialogContextKey");
 </script>
 
 <script setup lang="ts">
@@ -426,7 +424,7 @@ const toDialogClosedState = () => {
   dictionaryManageDialogOpenedComputed.value = false;
 };
 
-provide<DictionaryManageDialogContext>(dictionaryManageDialogContextKey, {
+provide(dictionaryManageDialogContextKey, {
   wordEditing,
   surfaceInput,
   selectedId,