diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md
index 0c63f69cf133..a49c90a3b857 100644
--- a/CONTRIBUTING.md
+++ b/CONTRIBUTING.md
@@ -209,7 +209,12 @@ pnpm --filter frontend test
 pnpm --filter misskey-js test
 ```
 
-Backend tests require manual preparation of servers. See the next section for more on this.
+Backend tests require manual preparation of servers. See the [Backend](#backend) section for more on this.
+
+### Frontend
+There are two types of tests for UI components:
+- Tests dealing with the DOM using Testing Library: [`/packages/frontend/test/dom`](/packages/frontend/test/dom)
+- Unit tests for Vue components using Vue Test Utils: [`/packages/frontend/test/vue`](/packages/frontend/test/vue)
 
 ### Backend
 There are three types of test codes for the backend:
diff --git a/packages/frontend/package.json b/packages/frontend/package.json
index 804160baad30..1c46f8349c2d 100644
--- a/packages/frontend/package.json
+++ b/packages/frontend/package.json
@@ -111,6 +111,7 @@
 		"@typescript-eslint/parser": "7.17.0",
 		"@vitest/coverage-v8": "1.6.0",
 		"@vue/runtime-core": "3.5.12",
+		"@vue/test-utils": "^2.4.6",
 		"acorn": "8.14.0",
 		"cross-env": "7.0.3",
 		"cypress": "13.15.2",
diff --git a/packages/frontend/src/components/MkAsUi.vue b/packages/frontend/src/components/MkAsUi.vue
index 365b767bd646..7cdd890968c7 100644
--- a/packages/frontend/src/components/MkAsUi.vue
+++ b/packages/frontend/src/components/MkAsUi.vue
@@ -24,7 +24,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 		<template v-if="c.label" #label>{{ c.label }}</template>
 		<template v-if="c.caption" #caption>{{ c.caption }}</template>
 	</MkTextarea>
-	<MkInput v-else-if="c.type === 'textInput'" :small="size === 'small'" :modelValue="c.default ?? null" @update:modelValue="c.onInput">
+	<MkInput v-else-if="c.type === 'textInput'" :small="size === 'small'" :modelValue="c.default ?? null" type="text" @update:modelValue="c.onInput">
 		<template v-if="c.label" #label>{{ c.label }}</template>
 		<template v-if="c.caption" #caption>{{ c.caption }}</template>
 	</MkInput>
diff --git a/packages/frontend/src/components/MkInput.vue b/packages/frontend/src/components/MkInput.vue
index 08817fd6a8fa..446768c24e6a 100644
--- a/packages/frontend/src/components/MkInput.vue
+++ b/packages/frontend/src/components/MkInput.vue
@@ -43,17 +43,17 @@ SPDX-License-Identifier: AGPL-3.0-only
 </div>
 </template>
 
-<script lang="ts" setup>
-import { onMounted, onUnmounted, nextTick, ref, shallowRef, watch, computed, toRefs, InputHTMLAttributes } from 'vue';
+<script lang="ts" setup generic="T extends InputTypeHTMLAttribute">
+import { onMounted, onUnmounted, nextTick, ref, shallowRef, watch, computed, toRefs, InputTypeHTMLAttribute, InputHTMLAttributes } from 'vue';
 import { debounce } from 'throttle-debounce';
-import MkButton from '@/components/MkButton.vue';
 import { useInterval } from '@@/js/use-interval.js';
+import MkButton from '@/components/MkButton.vue';
 import { i18n } from '@/i18n.js';
 import { Autocomplete, SuggestionType } from '@/scripts/autocomplete.js';
 
-const props = defineProps<{
+interface MkInputProps {
 	modelValue: string | number | null;
-	type?: InputHTMLAttributes['type'];
+	type?: T;
 	required?: boolean;
 	readonly?: boolean;
 	disabled?: boolean;
@@ -74,17 +74,40 @@ const props = defineProps<{
 	manualSave?: boolean;
 	small?: boolean;
 	large?: boolean;
-}>();
+}
+
+type MkInputValue = T extends 'number' ? number : string;
+
+const props = defineProps<MkInputProps>();
 
 const emit = defineEmits<{
 	(ev: 'change', _ev: KeyboardEvent): void;
 	(ev: 'keydown', _ev: KeyboardEvent): void;
 	(ev: 'enter', _ev: KeyboardEvent): void;
-	(ev: 'update:modelValue', value: string | number): void;
+	(ev: 'update:modelValue', value: MkInputValue): void;
 }>();
 
-const { modelValue, type, autofocus } = toRefs(props);
-const v = ref(modelValue.value);
+const {
+	modelValue,
+	type,
+	required,
+	readonly,
+	disabled,
+	pattern,
+	placeholder,
+	autofocus,
+	autocomplete,
+	autocapitalize,
+	spellcheck,
+	inputmode,
+	step,
+	datalist,
+	min,
+	max,
+	inline,
+	manualSave,
+} = toRefs<MkInputProps>(props);
+const v = ref<string | number | null>(modelValue.value);
 const id = Math.random().toString(); // TODO: uuid?
 const focused = ref(false);
 const changed = ref(false);
@@ -117,10 +140,10 @@ const onKeydown = (ev: KeyboardEvent) => {
 
 const updated = () => {
 	changed.value = false;
-	if (type.value === 'number') {
-		emit('update:modelValue', typeof v.value === 'number' ? v.value : parseFloat(v.value ?? '0'));
+	if (type?.value === 'number') {
+		emit('update:modelValue', (typeof v.value === 'number' ? v.value : parseFloat((v.value as string | null) ?? '0')) as MkInputValue);
 	} else {
-		emit('update:modelValue', v.value ?? '');
+		emit('update:modelValue', (v.value ?? '') as MkInputValue);
 	}
 };
 
@@ -164,7 +187,7 @@ useInterval(() => {
 
 onMounted(() => {
 	nextTick(() => {
-		if (autofocus.value) {
+		if (autofocus?.value) {
 			focus();
 		}
 	});
diff --git a/packages/frontend/src/scripts/aiscript/ui.ts b/packages/frontend/src/scripts/aiscript/ui.ts
index ca92b27ff54e..9d2d0ac5012d 100644
--- a/packages/frontend/src/scripts/aiscript/ui.ts
+++ b/packages/frontend/src/scripts/aiscript/ui.ts
@@ -59,13 +59,13 @@ export type AsUiMfm = AsUiComponentBase & {
 	bold?: boolean;
 	color?: string;
 	font?: Font;
-	onClickEv?: (evId: string) => Promise<void>;
+	onClickEv?: (evId: string) => void | Promise<void>;
 };
 
 export type AsUiButton = AsUiComponentBase & {
 	type: 'button';
 	text?: string;
-	onClick?: () => Promise<void>;
+	onClick?: () => void | Promise<void>;
 	primary?: boolean;
 	rounded?: boolean;
 	disabled?: boolean;
@@ -73,12 +73,12 @@ export type AsUiButton = AsUiComponentBase & {
 
 export type AsUiButtons = AsUiComponentBase & {
 	type: 'buttons';
-	buttons?: AsUiButton[];
+	buttons?: Options<AsUiButton>[];
 };
 
 export type AsUiSwitch = AsUiComponentBase & {
 	type: 'switch';
-	onChange?: (v: boolean) => Promise<void>;
+	onChange?: (v: boolean) => void | Promise<void>;
 	default?: boolean;
 	label?: string;
 	caption?: string;
@@ -86,7 +86,7 @@ export type AsUiSwitch = AsUiComponentBase & {
 
 export type AsUiTextarea = AsUiComponentBase & {
 	type: 'textarea';
-	onInput?: (v: string) => Promise<void>;
+	onInput?: (v: string) => void | Promise<void>;
 	default?: string;
 	label?: string;
 	caption?: string;
@@ -94,7 +94,7 @@ export type AsUiTextarea = AsUiComponentBase & {
 
 export type AsUiTextInput = AsUiComponentBase & {
 	type: 'textInput';
-	onInput?: (v: string) => Promise<void>;
+	onInput?: (v: string) => void | Promise<void>;
 	default?: string;
 	label?: string;
 	caption?: string;
@@ -102,7 +102,7 @@ export type AsUiTextInput = AsUiComponentBase & {
 
 export type AsUiNumberInput = AsUiComponentBase & {
 	type: 'numberInput';
-	onInput?: (v: number) => Promise<void>;
+	onInput?: (v: number) => void | Promise<void>;
 	default?: number;
 	label?: string;
 	caption?: string;
@@ -114,7 +114,7 @@ export type AsUiSelect = AsUiComponentBase & {
 		text: string;
 		value: string;
 	}[];
-	onChange?: (v: string) => Promise<void>;
+	onChange?: (v: string) => void | Promise<void>;
 	default?: string;
 	label?: string;
 	caption?: string;
@@ -149,9 +149,7 @@ export type AsUiPostForm = AsUiComponentBase & {
 
 export type AsUiComponent = AsUiRoot | AsUiContainer | AsUiText | AsUiMfm | AsUiButton | AsUiButtons | AsUiSwitch | AsUiTextarea | AsUiTextInput | AsUiNumberInput | AsUiSelect | AsUiFolder | AsUiPostFormButton | AsUiPostForm;
 
-type Options<T extends AsUiComponent> = T extends AsUiButtons
-	? Omit<T, 'id' | 'type' | 'buttons'> & { 'buttons'?: Options<AsUiButton>[] }
-	: Omit<T, 'id' | 'type'>;
+type Options<T extends AsUiComponent> = Omit<T, 'id' | 'type'>;
 
 export function patch(id: string, def: values.Value, call: (fn: values.VFn, args: values.Value[]) => Promise<values.Value>) {
 	// TODO
diff --git a/packages/frontend/test/dom/components/MkInput.test.ts b/packages/frontend/test/dom/components/MkInput.test.ts
new file mode 100644
index 000000000000..5bb576df22cd
--- /dev/null
+++ b/packages/frontend/test/dom/components/MkInput.test.ts
@@ -0,0 +1,68 @@
+/*
+ * SPDX-FileCopyrightText: syuilo and misskey-project
+ * SPDX-License-Identifier: AGPL-3.0-only
+ */
+
+import MkInput from '@/components/MkInput.vue';
+import { fireEvent, render } from '@testing-library/vue';
+import { components } from '@/components/index.js';
+import { directives } from '@/directives/index.js';
+import { describe, expect, test, vi } from 'vitest';
+import { ComponentProps } from 'vue-component-type-helpers';
+
+describe('MkInput', () => {
+	function renderMkInput<P extends ComponentProps<typeof MkInput>>(props: P) {
+		const mkInput = render(MkInput, {
+			props,
+			global: { directives, components },
+		});
+		const inputElement = mkInput.baseElement.getElementsByTagName('input')[0];
+		expect(inputElement).not.toBeUndefined();
+		return { props, mkInput, inputElement };
+	}
+
+	test('keydown', async () => {
+		const { props, inputElement } = renderMkInput({
+			modelValue: null,
+			onKeydown: vi.fn((ev) => {
+				expect(ev.code).toBe('keyA');
+			}),
+		});
+		await fireEvent.keyDown(inputElement, { code: 'keyA' });
+		expect(props.onKeydown).toHaveBeenCalledOnce();
+	});
+
+	test('enter', async () => {
+		const { props, inputElement } = renderMkInput({
+			modelValue: null,
+			onEnter: vi.fn((ev) => {
+				expect(ev.code).toBe('Enter');
+			}),
+		});
+		await fireEvent.keyDown(inputElement, { code: 'Enter' });
+		expect(props.onEnter).toHaveBeenCalledOnce();
+	});
+
+	test('update', async () => {
+		const { props, inputElement } = renderMkInput({
+			modelValue: null,
+			'onUpdate:modelValue': vi.fn((value) => {
+				expect(value).toBe('Hello');
+			}),
+		});
+		await fireEvent.update(inputElement, 'Hello');
+		expect(props['onUpdate:modelValue']).toHaveBeenCalledOnce();
+	});
+
+	test('update (type = "number")', async () => {
+		const { props, inputElement } = renderMkInput({
+			modelValue: null,
+			type: 'number',
+			'onUpdate:modelValue': vi.fn((value) => {
+				expect(value).toBe(42);
+			}),
+		});
+		await fireEvent.update(inputElement, '42');
+		expect(props['onUpdate:modelValue']).toHaveBeenCalledOnce();
+	});
+});
diff --git a/packages/frontend/test/vue/components/MkAsUi.test.ts b/packages/frontend/test/vue/components/MkAsUi.test.ts
new file mode 100644
index 000000000000..ecb3adf75b1a
--- /dev/null
+++ b/packages/frontend/test/vue/components/MkAsUi.test.ts
@@ -0,0 +1,270 @@
+/*
+ * SPDX-FileCopyrightText: syuilo and misskey-project
+ * SPDX-License-Identifier: AGPL-3.0-only
+ */
+
+import MkAsUi from '@/components/MkAsUi.vue';
+import { components as globalComponents } from '@/components/index.js';
+import { directives } from '@/directives/index.js';
+import { describe, expect, test, vi } from 'vitest';
+import { ComponentProps } from 'vue-component-type-helpers';
+import { AsUiComponent } from '@/scripts/aiscript/ui.js';
+import { Ref, ref } from 'vue';
+import { shallowMount } from '@vue/test-utils';
+import MkButton from '@/components/MkButton.vue';
+import MkPostForm from '@/components/MkPostForm.vue';
+import type * as os from '@/os.js';
+import MkSwitch from '@/components/MkSwitch.vue';
+import MkTextarea from '@/components/MkTextarea.vue';
+import MkInput from '@/components/MkInput.vue';
+import MkSelect from '@/components/MkSelect.vue';
+import MkFolder from '@/components/MkFolder.vue';
+
+const osPostMock = vi.hoisted(() => vi.fn() satisfies typeof os.post);
+
+vi.mock('@/os.js', () => {
+	return {
+		post: osPostMock,
+	};
+});
+
+describe('MkAsUi', () => {
+	function renderComponent<C extends AsUiComponent>(
+		component: C,
+		opts?: Omit<ComponentProps<typeof MkAsUi>, 'component' | 'components'>
+	) {
+		const componentsRef = ref([ref(component)]);
+		const wrapper = shallowMountUi(component, componentsRef.value, opts);
+		return { wrapper, component };
+	}
+
+	function shallowMountUi(
+		component: AsUiComponent,
+		components: Ref<AsUiComponent>[],
+		opts?: Omit<ComponentProps<typeof MkAsUi>, 'component' | 'components'>,
+	): ReturnType<typeof shallowMount<typeof MkAsUi>> {
+		return shallowMount(MkAsUi, {
+			props: { component, components, ...opts },
+			global: {
+				directives,
+				components: globalComponents,
+			},
+		});
+	};
+
+	test('root', async () => {
+		const { wrapper } = renderComponent({
+			type: 'root',
+			id: 'id',
+			children: [],
+		});
+		expect(wrapper.text()).toBe('');
+	});
+
+	test('text', async () => {
+		const { wrapper } = renderComponent({
+			type: 'text',
+			id: 'id',
+			text: 'Hello, world!',
+		});
+		expect(wrapper.text()).toBe('Hello, world!');
+	});
+
+	test('mfm', async () => {
+		const { component, wrapper } = renderComponent({
+			type: 'mfm',
+			id: 'id',
+			text: '$[clickable.ev=evId Click me!]',
+			onClickEv: vi.fn((evId) => {
+				expect(evId).toBe('evId');
+			}),
+		});
+		wrapper.findComponent(globalComponents.Mfm).vm.$emit('clickEv', 'evId');
+		expect(component.onClickEv).toHaveBeenCalledOnce();
+	});
+
+	test('button', async () => {
+		const { component, wrapper } = renderComponent({
+			type: 'button',
+			id: 'id',
+			text: 'Click me!',
+			onClick: vi.fn(),
+		});
+		wrapper.findComponent(MkButton).vm.$emit('click');
+		expect(component.onClick).toHaveBeenCalledOnce();
+	});
+
+	test('buttons', async () => {
+		const { component, wrapper } = renderComponent({
+			type: 'buttons',
+			id: 'id',
+			buttons: [
+				{
+					text: 'left',
+					onClick: vi.fn(),
+				},
+				{
+					text: 'right',
+					onClick: vi.fn(),
+				},
+			],
+		});
+		const buttons = wrapper.findAllComponents(MkButton);
+		expect(buttons.length).toBe(2);
+
+		const leftButton = buttons[0];
+		leftButton.vm.$emit('click');
+		expect(component.buttons[0].onClick).toHaveBeenCalledOnce();
+
+		const rightButton = buttons[1];
+		rightButton.vm.$emit('click');
+		expect(component.buttons[1].onClick).toHaveBeenCalledOnce();
+	});
+
+	test('switch', async () => {
+		const { component, wrapper } = renderComponent({
+			type: 'switch',
+			id: 'id',
+			default: true,
+			onChange: vi.fn((v) => {
+				expect(v).toBe(false);
+			}),
+		});
+		const switchComponent = wrapper.findComponent(MkSwitch);
+		expect(switchComponent.props('modelValue')).toBe(true);
+		switchComponent.vm.$emit('update:modelValue', false);
+		expect(component.onChange).toHaveBeenCalledOnce();
+	});
+
+	test('textarea', async () => {
+		const { component, wrapper } = renderComponent({
+			type: 'textarea',
+			id: 'id',
+			onInput: vi.fn((v) => {
+				expect(v).toBe('abc');
+			}),
+			default: 'Hello, world!',
+		});
+		const textarea = wrapper.findComponent(MkTextarea);
+		expect(textarea.props('modelValue')).toBe('Hello, world!');
+		textarea.vm.$emit('update:modelValue', 'abc');
+		expect(component.onInput).toHaveBeenCalledOnce();
+	});
+
+	test('textInput', async () => {
+		const { component, wrapper } = renderComponent({
+			type: 'textInput',
+			id: 'id',
+			onInput: vi.fn((v) => {
+				expect(v).toBe('abc');
+			}),
+			default: 'Hello, world!',
+		});
+		const input = wrapper.findComponent<typeof MkInput<'text'>>(MkInput);
+		expect(input.props('modelValue')).toBe('Hello, world!');
+		input.vm.$emit('update:modelValue', 'abc');
+		expect(component.onInput).toHaveBeenCalledOnce();
+	});
+
+	test('numberInput', async () => {
+		const { component, wrapper } = renderComponent({
+			type: 'numberInput',
+			id: 'id',
+			onInput: vi.fn((v) => {
+				expect(v).toBe(42);
+			}),
+			default: 0,
+		});
+		const input = wrapper.findComponent(MkInput);
+		expect(input.props('modelValue')).toBe(0);
+		input.vm.$emit('update:modelValue', 42);
+		expect(component.onInput).toHaveBeenCalledOnce();
+	});
+
+	test('select', async () => {
+		const { component, wrapper } = renderComponent({
+			type: 'select',
+			id: 'id',
+			default: 'a',
+			items: [
+				{ text: 'A', value: 'a' },
+				{ text: 'B', value: 'b' },
+			],
+			onChange: vi.fn((v) => {
+				expect(v).toBe('b');
+			}),
+		});
+		const select = wrapper.findComponent(MkSelect);
+		expect(select.props('modelValue')).toBe('a');
+		select.vm.$emit('update:modelValue', 'b');
+		expect(component.onChange).toHaveBeenCalledOnce();
+	});
+
+	test('postFormButton', async () => {
+		const { wrapper } = renderComponent({
+			type: 'postFormButton',
+			id: 'id',
+			text: 'Click to post',
+			primary: true,
+			rounded: false,
+			form: {
+				text: 'Hello',
+				cw: 'world',
+				visibility: 'home',
+				localOnly: true,
+			}
+		});
+		const button = wrapper.findComponent(MkButton);
+		expect(button.props('primary')).toBe(true);
+		expect(button.props('rounded')).toBe(false);
+
+		osPostMock.mockImplementationOnce(async (props) => {
+			expect(props).toStrictEqual({
+				initialText: 'Hello',
+				initialCw: 'world',
+				initialVisibility: 'home',
+				initialLocalOnly: true,
+				instant: true,
+			});
+		});
+		await button.trigger('click');
+		expect(osPostMock).toHaveBeenCalledOnce();
+	});
+
+	test('postForm', async () => {
+		const { wrapper } = renderComponent({
+			type: 'postForm',
+			id: 'id',
+			form: {
+				text: 'Hello',
+				cw: 'world',
+				visibility: 'home',
+				localOnly: true,
+			}
+		});
+		const form = wrapper.findComponent(MkPostForm);
+		expect(form.props('initialText')).toBe('Hello');
+		expect(form.props('initialCw')).toBe('world');
+		expect(form.props('initialVisibility')).toBe('home');
+		expect(form.props('initialLocalOnly')).toBe(true);
+	});
+
+	test('folder', async () => {
+		const childComponent = {
+			type: 'text',
+			id: 'id1',
+			text: 'Hello, world!',
+		} satisfies AsUiComponent;
+		const component = {
+			type: 'folder',
+			id: 'id2',
+			title: 'Title',
+			children: [childComponent.id],
+			opened: false,
+		} satisfies AsUiComponent;
+		const components = [ref(childComponent), ref(component)];
+		const wrapper = shallowMountUi(component, components);
+		const folder = wrapper.findComponent(MkFolder);
+		expect(folder.props('defaultOpen')).toBe(false);
+	});
+});
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 27dfcfccc60d..3eddd31767ed 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -916,7 +916,7 @@ importers:
         version: 8.4.4(storybook@8.4.4(bufferutil@4.0.8)(prettier@3.3.3)(utf-8-validate@6.0.4))(vite@5.4.11(@types/node@22.9.0)(sass@1.79.3)(terser@5.36.0))(vue@3.5.12(typescript@5.6.3))
       '@testing-library/vue':
         specifier: 8.1.0
-        version: 8.1.0(@vue/compiler-sfc@3.5.12)(@vue/server-renderer@3.5.12(vue@3.5.12(typescript@5.6.3)))(vue@3.5.12(typescript@5.6.3))
+        version: 8.1.0(@vue/compiler-sfc@3.5.12)(vue@3.5.12(typescript@5.6.3))
       '@types/canvas-confetti':
         specifier: ^1.6.4
         version: 1.6.4
@@ -965,6 +965,9 @@ importers:
       '@vue/runtime-core':
         specifier: 3.5.12
         version: 3.5.12
+      '@vue/test-utils':
+        specifier: ^2.4.6
+        version: 2.4.6
       acorn:
         specifier: 8.14.0
         version: 8.14.0
@@ -1127,7 +1130,7 @@ importers:
         version: 5.1.0
       '@testing-library/vue':
         specifier: 8.1.0
-        version: 8.1.0(@vue/compiler-sfc@3.5.12)(@vue/server-renderer@3.5.12(vue@3.5.12(typescript@5.6.3)))(vue@3.5.12(typescript@5.6.3))
+        version: 8.1.0(@vue/compiler-sfc@3.5.12)(vue@3.5.12(typescript@5.6.3))
       '@types/estree':
         specifier: 1.0.6
         version: 1.0.6
@@ -4849,14 +4852,8 @@ packages:
   '@vue/shared@3.5.12':
     resolution: {integrity: sha512-L2RPSAwUFbgZH20etwrXyVyCBu9OxRSi8T/38QsvnkJyvq2LufW2lDCOzm7t/U9C1mkhJGWYfCuFBCmIuNivrg==}
 
-  '@vue/test-utils@2.4.1':
-    resolution: {integrity: sha512-VO8nragneNzUZUah6kOjiFmD/gwRjUauG9DROh6oaOeFwX1cZRUNHhdeogE8635cISigXFTtGLUQWx5KCb0xeg==}
-    peerDependencies:
-      '@vue/server-renderer': ^3.0.1
-      vue: ^3.0.1
-    peerDependenciesMeta:
-      '@vue/server-renderer':
-        optional: true
+  '@vue/test-utils@2.4.6':
+    resolution: {integrity: sha512-FMxEjOpYNYiFe0GkaHsnJPXFHxQ6m4t8vI/ElPGpMWxZKpmRvQ33OIrvRXemy6yha03RxhOlQuy+gZMC3CQSow==}
 
   '@webgpu/types@0.1.30':
     resolution: {integrity: sha512-9AXJSmL3MzY8ZL//JjudA//q+2kBRGhLBFpkdGksWIuxrMy81nFrCzj2Am+mbh8WoU6rXmv7cY5E3rdlyru2Qg==}
@@ -10825,9 +10822,6 @@ packages:
       typescript:
         optional: true
 
-  vue-component-type-helpers@1.8.4:
-    resolution: {integrity: sha512-6bnLkn8O0JJyiFSIF0EfCogzeqNXpnjJ0vW/SZzNHfe6sPx30lTtTXlE5TFs2qhJlAtDFybStVNpL73cPe3OMQ==}
-
   vue-component-type-helpers@2.0.16:
     resolution: {integrity: sha512-qisL/iAfdO++7w+SsfYQJVPj6QKvxp4i1MMxvsNO41z/8zu3KuAw9LkhKUfP/kcOWGDxESp+pQObWppXusejCA==}
 
@@ -11675,7 +11669,7 @@ snapshots:
       '@babel/traverse': 7.23.5
       '@babel/types': 7.24.7
       convert-source-map: 2.0.0
-      debug: 4.3.7(supports-color@8.1.1)
+      debug: 4.3.7(supports-color@5.5.0)
       gensync: 1.0.0-beta.2
       json5: 2.2.3
       semver: 6.3.1
@@ -11695,7 +11689,7 @@ snapshots:
       '@babel/traverse': 7.24.7
       '@babel/types': 7.24.7
       convert-source-map: 2.0.0
-      debug: 4.3.7(supports-color@8.1.1)
+      debug: 4.3.7(supports-color@5.5.0)
       gensync: 1.0.0-beta.2
       json5: 2.2.3
       semver: 6.3.1
@@ -11954,7 +11948,7 @@ snapshots:
       '@babel/helper-split-export-declaration': 7.22.6
       '@babel/parser': 7.25.6
       '@babel/types': 7.24.7
-      debug: 4.3.7(supports-color@8.1.1)
+      debug: 4.3.7(supports-color@5.5.0)
       globals: 11.12.0
     transitivePeerDependencies:
       - supports-color
@@ -11969,7 +11963,7 @@ snapshots:
       '@babel/helper-split-export-declaration': 7.24.7
       '@babel/parser': 7.25.6
       '@babel/types': 7.25.6
-      debug: 4.3.7(supports-color@8.1.1)
+      debug: 4.3.7(supports-color@5.5.0)
       globals: 11.12.0
     transitivePeerDependencies:
       - supports-color
@@ -12360,7 +12354,7 @@ snapshots:
   '@eslint/config-array@0.18.0':
     dependencies:
       '@eslint/object-schema': 2.1.4
-      debug: 4.3.7(supports-color@8.1.1)
+      debug: 4.3.7(supports-color@5.5.0)
       minimatch: 3.1.2
     transitivePeerDependencies:
       - supports-color
@@ -12370,7 +12364,7 @@ snapshots:
   '@eslint/eslintrc@3.1.0':
     dependencies:
       ajv: 6.12.6
-      debug: 4.3.7(supports-color@8.1.1)
+      debug: 4.3.7(supports-color@5.5.0)
       espree: 10.3.0
       globals: 14.0.0
       ignore: 5.3.1
@@ -14689,16 +14683,14 @@ snapshots:
     dependencies:
       '@testing-library/dom': 10.4.0
 
-  '@testing-library/vue@8.1.0(@vue/compiler-sfc@3.5.12)(@vue/server-renderer@3.5.12(vue@3.5.12(typescript@5.6.3)))(vue@3.5.12(typescript@5.6.3))':
+  '@testing-library/vue@8.1.0(@vue/compiler-sfc@3.5.12)(vue@3.5.12(typescript@5.6.3))':
     dependencies:
       '@babel/runtime': 7.23.4
       '@testing-library/dom': 9.3.4
-      '@vue/test-utils': 2.4.1(@vue/server-renderer@3.5.12(vue@3.5.12(typescript@5.6.3)))(vue@3.5.12(typescript@5.6.3))
+      '@vue/test-utils': 2.4.6
       vue: 3.5.12(typescript@5.6.3)
     optionalDependencies:
       '@vue/compiler-sfc': 3.5.12
-    transitivePeerDependencies:
-      - '@vue/server-renderer'
 
   '@tokenizer/token@0.3.0': {}
 
@@ -15145,7 +15137,7 @@ snapshots:
     dependencies:
       '@typescript-eslint/typescript-estree': 7.1.0(typescript@5.6.3)
       '@typescript-eslint/utils': 7.1.0(eslint@9.14.0)(typescript@5.6.3)
-      debug: 4.3.7(supports-color@8.1.1)
+      debug: 4.3.7(supports-color@5.5.0)
       eslint: 9.14.0
       ts-api-utils: 1.0.1(typescript@5.6.3)
     optionalDependencies:
@@ -15157,7 +15149,7 @@ snapshots:
     dependencies:
       '@typescript-eslint/typescript-estree': 7.17.0(typescript@5.6.3)
       '@typescript-eslint/utils': 7.17.0(eslint@9.14.0)(typescript@5.6.3)
-      debug: 4.3.7(supports-color@8.1.1)
+      debug: 4.3.7(supports-color@5.5.0)
       eslint: 9.14.0
       ts-api-utils: 1.3.0(typescript@5.6.3)
     optionalDependencies:
@@ -15173,7 +15165,7 @@ snapshots:
     dependencies:
       '@typescript-eslint/types': 7.1.0
       '@typescript-eslint/visitor-keys': 7.1.0
-      debug: 4.3.7(supports-color@8.1.1)
+      debug: 4.3.7(supports-color@5.5.0)
       globby: 11.1.0
       is-glob: 4.0.3
       minimatch: 9.0.3
@@ -15188,7 +15180,7 @@ snapshots:
     dependencies:
       '@typescript-eslint/types': 7.17.0
       '@typescript-eslint/visitor-keys': 7.17.0
-      debug: 4.3.7(supports-color@8.1.1)
+      debug: 4.3.7(supports-color@5.5.0)
       globby: 11.1.0
       is-glob: 4.0.3
       minimatch: 9.0.4
@@ -15469,13 +15461,10 @@ snapshots:
 
   '@vue/shared@3.5.12': {}
 
-  '@vue/test-utils@2.4.1(@vue/server-renderer@3.5.12(vue@3.5.12(typescript@5.6.3)))(vue@3.5.12(typescript@5.6.3))':
+  '@vue/test-utils@2.4.6':
     dependencies:
       js-beautify: 1.14.9
-      vue: 3.5.12(typescript@5.6.3)
-      vue-component-type-helpers: 1.8.4
-    optionalDependencies:
-      '@vue/server-renderer': 3.5.12(vue@3.5.12(typescript@5.6.3))
+      vue-component-type-helpers: 2.1.10
 
   '@webgpu/types@0.1.30': {}
 
@@ -15518,14 +15507,14 @@ snapshots:
 
   agent-base@6.0.2:
     dependencies:
-      debug: 4.3.7(supports-color@8.1.1)
+      debug: 4.3.7(supports-color@5.5.0)
     transitivePeerDependencies:
       - supports-color
     optional: true
 
   agent-base@7.1.0:
     dependencies:
-      debug: 4.3.7(supports-color@8.1.1)
+      debug: 4.3.7(supports-color@5.5.0)
     transitivePeerDependencies:
       - supports-color
 
@@ -17123,7 +17112,7 @@ snapshots:
 
   esbuild-register@3.5.0(esbuild@0.24.0):
     dependencies:
-      debug: 4.3.7(supports-color@8.1.1)
+      debug: 4.3.7(supports-color@5.5.0)
       esbuild: 0.24.0
     transitivePeerDependencies:
       - supports-color
@@ -17365,7 +17354,7 @@ snapshots:
       ajv: 6.12.6
       chalk: 4.1.2
       cross-spawn: 7.0.3
-      debug: 4.3.7(supports-color@8.1.1)
+      debug: 4.3.7(supports-color@5.5.0)
       escape-string-regexp: 4.0.0
       eslint-scope: 8.2.0
       eslint-visitor-keys: 4.2.0
@@ -17810,7 +17799,7 @@ snapshots:
 
   follow-redirects@1.15.9(debug@4.3.7):
     optionalDependencies:
-      debug: 4.3.7(supports-color@8.1.1)
+      debug: 4.3.7(supports-color@5.5.0)
 
   for-each@0.3.3:
     dependencies:
@@ -18249,7 +18238,7 @@ snapshots:
   http-proxy-agent@7.0.2:
     dependencies:
       agent-base: 7.1.0
-      debug: 4.3.7(supports-color@8.1.1)
+      debug: 4.3.7(supports-color@5.5.0)
     transitivePeerDependencies:
       - supports-color
 
@@ -18282,7 +18271,7 @@ snapshots:
   https-proxy-agent@5.0.1:
     dependencies:
       agent-base: 6.0.2
-      debug: 4.3.7(supports-color@8.1.1)
+      debug: 4.3.7(supports-color@5.5.0)
     transitivePeerDependencies:
       - supports-color
     optional: true
@@ -18290,14 +18279,14 @@ snapshots:
   https-proxy-agent@7.0.2:
     dependencies:
       agent-base: 7.1.0
-      debug: 4.3.7(supports-color@8.1.1)
+      debug: 4.3.7(supports-color@5.5.0)
     transitivePeerDependencies:
       - supports-color
 
   https-proxy-agent@7.0.5:
     dependencies:
       agent-base: 7.1.0
-      debug: 4.3.7(supports-color@8.1.1)
+      debug: 4.3.7(supports-color@5.5.0)
     transitivePeerDependencies:
       - supports-color
 
@@ -18639,7 +18628,7 @@ snapshots:
 
   istanbul-lib-source-maps@4.0.1:
     dependencies:
-      debug: 4.3.7(supports-color@8.1.1)
+      debug: 4.3.7(supports-color@5.5.0)
       istanbul-lib-coverage: 3.2.2
       source-map: 0.6.1
     transitivePeerDependencies:
@@ -18648,7 +18637,7 @@ snapshots:
   istanbul-lib-source-maps@5.0.4:
     dependencies:
       '@jridgewell/trace-mapping': 0.3.25
-      debug: 4.3.7(supports-color@8.1.1)
+      debug: 4.3.7(supports-color@5.5.0)
       istanbul-lib-coverage: 3.2.2
     transitivePeerDependencies:
       - supports-color
@@ -19739,7 +19728,7 @@ snapshots:
   micromark@4.0.0:
     dependencies:
       '@types/debug': 4.1.12
-      debug: 4.3.7(supports-color@8.1.1)
+      debug: 4.3.7(supports-color@5.5.0)
       decode-named-character-reference: 1.0.2
       devlop: 1.1.0
       micromark-core-commonmark: 2.0.0
@@ -21136,7 +21125,7 @@ snapshots:
 
   require-in-the-middle@7.3.0:
     dependencies:
-      debug: 4.3.7(supports-color@8.1.1)
+      debug: 4.3.7(supports-color@5.5.0)
       module-details-from-path: 1.0.3
       resolve: 1.22.8
     transitivePeerDependencies:
@@ -21561,7 +21550,7 @@ snapshots:
   socks-proxy-agent@8.0.2:
     dependencies:
       agent-base: 7.1.0
-      debug: 4.3.7(supports-color@8.1.1)
+      debug: 4.3.7(supports-color@5.5.0)
       socks: 2.7.1
     transitivePeerDependencies:
       - supports-color
@@ -21670,7 +21659,7 @@ snapshots:
       arg: 5.0.2
       bluebird: 3.7.2
       check-more-types: 2.24.0
-      debug: 4.3.7(supports-color@8.1.1)
+      debug: 4.3.7(supports-color@5.5.0)
       execa: 5.1.1
       lazy-ass: 1.6.0
       ps-tree: 1.2.0
@@ -22404,7 +22393,7 @@ snapshots:
   vite-node@1.6.0(@types/node@22.9.0)(sass@1.79.3)(terser@5.36.0):
     dependencies:
       cac: 6.7.14
-      debug: 4.3.7(supports-color@8.1.1)
+      debug: 4.3.7(supports-color@5.5.0)
       pathe: 1.1.2
       picocolors: 1.0.1
       vite: 5.4.11(@types/node@22.9.0)(sass@1.79.3)(terser@5.36.0)
@@ -22422,7 +22411,7 @@ snapshots:
   vite-node@1.6.0(@types/node@22.9.0)(sass@1.79.4)(terser@5.36.0):
     dependencies:
       cac: 6.7.14
-      debug: 4.3.7(supports-color@8.1.1)
+      debug: 4.3.7(supports-color@5.5.0)
       pathe: 1.1.2
       picocolors: 1.0.1
       vite: 5.4.11(@types/node@22.9.0)(sass@1.79.4)(terser@5.36.0)
@@ -22574,8 +22563,6 @@ snapshots:
     optionalDependencies:
       typescript: 5.6.3
 
-  vue-component-type-helpers@1.8.4: {}
-
   vue-component-type-helpers@2.0.16: {}
 
   vue-component-type-helpers@2.1.10: {}