From 9634c1ccdbcb202681e9bf73b57c941816e86c66 Mon Sep 17 00:00:00 2001
From: kakkokari-gtyih <67428053+kakkokari-gtyih@users.noreply.github.com>
Date: Sat, 6 Sep 2025 13:35:10 +0900
Subject: [PATCH] =?UTF-8?q?fix:=20MkSelect=E3=81=AEmodel=E3=81=AB=E5=AF=BE?=
 =?UTF-8?q?=E3=81=99=E3=82=8B=E5=9E=8B=E3=83=81=E3=82=A7=E3=83=83=E3=82=AF?=
 =?UTF-8?q?=E3=82=92=E5=8E=B3=E6=A0=BC=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/frontend/src/components/MkSelect.vue | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/packages/frontend/src/components/MkSelect.vue b/packages/frontend/src/components/MkSelect.vue
index e58bc7bfc7..8d09331a68 100644
--- a/packages/frontend/src/components/MkSelect.vue
+++ b/packages/frontend/src/components/MkSelect.vue
@@ -67,7 +67,7 @@ export type GetMkSelectValueTypesFromDef<T extends MkSelectItem[]> = T[number] e
 	: never;
 </script>
 
-<script lang="ts" setup generic="ITEMS extends MkSelectItem[], MODELT = string extends GetMkSelectValueTypesFromDef<ITEMS> ? OptionValue : GetMkSelectValueTypesFromDef<ITEMS>">
+<script lang="ts" setup generic="ITEMS extends MkSelectItem[], MODELT extends OptionValue">
 import { onMounted, nextTick, ref, watch, computed, toRefs } from 'vue';
 import { useInterval } from '@@/js/use-interval.js';
 import type { MenuItem } from '@/types/menu.js';
@@ -85,7 +85,11 @@ const props = defineProps<{
 	large?: boolean;
 }>();
 
-const model = defineModel<MODELT>({ required: true });
+const model = defineModel<MODELT & (
+	MODELT extends GetMkSelectValueTypesFromDef<ITEMS>
+		? unknown
+		: 'Error: The type of model does not match the type of items.'
+)>({ required: true });
 
 const { autofocus } = toRefs(props);
 const focused = ref(false);