From f56afe8aebbf4b0618816ffddcd7ac972b2806d7 Mon Sep 17 00:00:00 2001
From: kakkokari-gtyih <67428053+kakkokari-gtyih@users.noreply.github.com>
Date: Fri, 30 May 2025 21:41:04 +0900
Subject: [PATCH] refactor

---
 .../src/components/global/MkTransitionGroup.vue    | 14 +++++---------
 1 file changed, 5 insertions(+), 9 deletions(-)

diff --git a/packages/frontend/src/components/global/MkTransitionGroup.vue b/packages/frontend/src/components/global/MkTransitionGroup.vue
index bb229477cb..812d376211 100644
--- a/packages/frontend/src/components/global/MkTransitionGroup.vue
+++ b/packages/frontend/src/components/global/MkTransitionGroup.vue
@@ -13,26 +13,22 @@ SPDX-License-Identifier: AGPL-3.0-only
 </template>
 
 <script setup lang="ts">
-import type { TransitionGroupProps } from 'vue';
-import { prefer } from '@/preferences';
-
-// This is a "best guess" type.
-// If any valid :class binding produces a type error here, then please change this to match.
-type ClassBinding = string | Record<string, boolean | undefined>;
+import type { TransitionGroupProps, HTMLAttributes } from 'vue';
+import { prefer } from '@/preferences.js';
 
 // This can be an inline type, but pulling it out makes TS errors clearer.
-interface SkTransitionGroupProps extends TransitionGroupProps {
+interface MkTransitionGroupProps extends TransitionGroupProps {
 	/**
 	 * Override CSS styles for the TransitionGroup or native element.
 	 */
-	class?: undefined | ClassBinding | ClassBinding[];
+	class?: HTMLAttributes['class'];
 
 	/**
 	 * If true, will render a TransitionGroup.
 	 * If false, will render a native element.
 	 * If null or undefined (default), will respect the value of prefer.s.animation.
 	 */
-	animate?: boolean | undefined | null;
+	animate?: boolean | null;
 }
 
 const props = withDefaults(defineProps<MkTransitionGroupProps>(), {