From 24ad5be5b1431ee13117619336ce4e60df3b1b54 Mon Sep 17 00:00:00 2001
From: takejohn <takejohn@takejohn.jp>
Date: Fri, 3 Jan 2025 08:32:54 +0000
Subject: [PATCH 01/13] =?UTF-8?q?MkInput=E3=81=AE=E3=83=86=E3=82=B9?=
 =?UTF-8?q?=E3=83=88?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../frontend/test/components/MkInput.test.ts  | 63 +++++++++++++++++++
 1 file changed, 63 insertions(+)
 create mode 100644 packages/frontend/test/components/MkInput.test.ts

diff --git a/packages/frontend/test/components/MkInput.test.ts b/packages/frontend/test/components/MkInput.test.ts
new file mode 100644
index 000000000000..fed59e7ecc45
--- /dev/null
+++ b/packages/frontend/test/components/MkInput.test.ts
@@ -0,0 +1,63 @@
+import MkInput from '@/components/MkInput.vue';
+import { fireEvent, render, screen } 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();
+	});
+});

From 48df2adeb167ace235208d913717f1170d105e03 Mon Sep 17 00:00:00 2001
From: takejohn <takejohn@takejohn.jp>
Date: Sat, 4 Jan 2025 07:26:31 +0000
Subject: [PATCH 02/13] =?UTF-8?q?type=E3=82=92=E3=82=B8=E3=82=A7=E3=83=8D?=
 =?UTF-8?q?=E3=83=AA=E3=83=83=E3=82=AF=E5=9E=8B=E3=81=AB?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/frontend/src/components/MkInput.vue | 49 ++++++++++++++------
 1 file changed, 36 insertions(+), 13 deletions(-)

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();
 		}
 	});

From bb3c4894a533b3fcd1b8a0f9becea930120a4244 Mon Sep 17 00:00:00 2001
From: takejohn <takejohn@takejohn.jp>
Date: Sat, 4 Jan 2025 07:46:58 +0000
Subject: [PATCH 03/13] =?UTF-8?q?=E4=B8=8D=E8=A6=81=E3=81=AA=E3=82=A4?=
 =?UTF-8?q?=E3=83=B3=E3=83=9D=E3=83=BC=E3=83=88=E3=81=AE=E5=89=8A=E9=99=A4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/frontend/test/components/MkInput.test.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/frontend/test/components/MkInput.test.ts b/packages/frontend/test/components/MkInput.test.ts
index fed59e7ecc45..1af713787007 100644
--- a/packages/frontend/test/components/MkInput.test.ts
+++ b/packages/frontend/test/components/MkInput.test.ts
@@ -1,5 +1,5 @@
 import MkInput from '@/components/MkInput.vue';
-import { fireEvent, render, screen } from '@testing-library/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';

From 13755dc46f49764ade4d7ae01ec479423ed5bdd5 Mon Sep 17 00:00:00 2001
From: takejohn <takejohn@takejohn.jp>
Date: Sat, 4 Jan 2025 13:46:13 +0000
Subject: [PATCH 04/13] =?UTF-8?q?MkAsUi=E3=81=AE=E3=83=86=E3=82=B9?=
 =?UTF-8?q?=E3=83=88(=E4=B8=80=E9=83=A8)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../frontend/test/components/MkAsUi.test.ts   | 94 +++++++++++++++++++
 1 file changed, 94 insertions(+)
 create mode 100644 packages/frontend/test/components/MkAsUi.test.ts

diff --git a/packages/frontend/test/components/MkAsUi.test.ts b/packages/frontend/test/components/MkAsUi.test.ts
new file mode 100644
index 000000000000..07f74ce864ed
--- /dev/null
+++ b/packages/frontend/test/components/MkAsUi.test.ts
@@ -0,0 +1,94 @@
+import MkAsUi from '@/components/MkAsUi.vue';
+import { fireEvent, render } from '@testing-library/vue';
+import { components as globalComponents } from '@/components/index.js';
+import { directives } from '@/directives/index.js';
+import { assert, describe, expect, test, vi } from 'vitest';
+import { ComponentProps } from 'vue-component-type-helpers';
+import { AsUiComponent } from '@/scripts/aiscript/ui.js';
+import { ref } from 'vue';
+
+describe('MkAsUi', () => {
+	function renderComponent<C extends AsUiComponent>(
+		component: C,
+		opts?: Omit<ComponentProps<typeof MkAsUi>, 'component' | 'components'>
+	) {
+		const componentRef = ref(component);
+		const componentsRef = ref([componentRef]);
+		const mkAsUi = render(MkAsUi, {
+			props: {
+				component: componentRef.value,
+				components: componentsRef.value,
+				...opts,
+			},
+			global: { directives, components: globalComponents },
+		});
+		return { mkAsUi, component };
+	}
+
+	test('root', async () => {
+		const { mkAsUi } = renderComponent({
+			type: 'root',
+			id: 'id',
+			children: [],
+		});
+		const element = mkAsUi.baseElement;
+		assert(element instanceof HTMLElement);
+		expect(element.innerText).toBe('');
+	});
+
+	test('text', async () => {
+		const { mkAsUi } = renderComponent({
+			type: 'text',
+			id: 'id',
+			text: 'Hello, world!',
+		});
+		expect(mkAsUi.queryByText('Hello, world!')).toBeTruthy();
+	});
+
+	test('mfm', async () => {
+		const { component, mkAsUi } = renderComponent({
+			type: 'mfm',
+			id: 'id',
+			text: '$[clickable.ev=evId Click me!]',
+			onClickEv: vi.fn((evId) => {
+				expect(evId).toBe('evId');
+			}),
+		});
+		await fireEvent.click(mkAsUi.getByText('Click me!'));
+		expect(component.onClickEv).toHaveBeenCalledOnce();
+	});
+
+	test('button', async () => {
+		const { component, mkAsUi } = renderComponent({
+			type: 'button',
+			id: 'id',
+			text: 'Click me!',
+			onClick: vi.fn(),
+		});
+		await fireEvent.click(mkAsUi.getByText('Click me!'));
+		expect(component.onClick).toHaveBeenCalledOnce();
+	});
+
+	test('buttons', async () => {
+		const { component, mkAsUi } = renderComponent({
+			type: 'buttons',
+			id: 'id',
+			buttons: [
+				{
+					text: 'left',
+					id: 'test',
+					onClick: vi.fn(),
+				},
+				{
+					text: 'right',
+					id: 'test',
+					onClick: vi.fn(),
+				},
+			],
+		});
+		await fireEvent.click(mkAsUi.getByText('left'));
+		expect(component.buttons[0].onClick).toHaveBeenCalledOnce();
+		await fireEvent.click(mkAsUi.getByText('right'));
+		expect(component.buttons[0].onClick).toHaveBeenCalledOnce();
+	});
+});

From fdbde37a5e4fed01482b23cc0bf95a8731105bd2 Mon Sep 17 00:00:00 2001
From: takejohn <takejohn@takejohn.jp>
Date: Mon, 13 Jan 2025 16:35:30 +0900
Subject: [PATCH 05/13] =?UTF-8?q?=E5=9E=8B=E3=81=AE=E4=BF=AE=E6=AD=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/frontend/src/scripts/aiscript/ui.ts  | 20 +++++++++----------
 .../frontend/test/components/MkAsUi.test.ts   |  2 --
 2 files changed, 9 insertions(+), 13 deletions(-)

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/components/MkAsUi.test.ts b/packages/frontend/test/components/MkAsUi.test.ts
index 07f74ce864ed..2a23b9abc094 100644
--- a/packages/frontend/test/components/MkAsUi.test.ts
+++ b/packages/frontend/test/components/MkAsUi.test.ts
@@ -76,12 +76,10 @@ describe('MkAsUi', () => {
 			buttons: [
 				{
 					text: 'left',
-					id: 'test',
 					onClick: vi.fn(),
 				},
 				{
 					text: 'right',
-					id: 'test',
 					onClick: vi.fn(),
 				},
 			],

From 07cc554d6f5d1832e88b38eadc64065b09256ab7 Mon Sep 17 00:00:00 2001
From: takejohn <takejohn@takejohn.jp>
Date: Mon, 13 Jan 2025 22:57:56 +0900
Subject: [PATCH 06/13] =?UTF-8?q?Vue=20Test=20Utils=E3=82=92=E4=BD=BF?=
 =?UTF-8?q?=E7=94=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/frontend/package.json                |   1 +
 .../frontend/test/components/MkAsUi.test.ts   |  41 +++---
 pnpm-lock.yaml                                | 132 ++++++++++--------
 3 files changed, 98 insertions(+), 76 deletions(-)

diff --git a/packages/frontend/package.json b/packages/frontend/package.json
index 843e4373caa9..80636bd57291 100644
--- a/packages/frontend/package.json
+++ b/packages/frontend/package.json
@@ -112,6 +112,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/test/components/MkAsUi.test.ts b/packages/frontend/test/components/MkAsUi.test.ts
index 2a23b9abc094..03aae189b67c 100644
--- a/packages/frontend/test/components/MkAsUi.test.ts
+++ b/packages/frontend/test/components/MkAsUi.test.ts
@@ -1,11 +1,12 @@
 import MkAsUi from '@/components/MkAsUi.vue';
-import { fireEvent, render } from '@testing-library/vue';
 import { components as globalComponents } from '@/components/index.js';
 import { directives } from '@/directives/index.js';
-import { assert, describe, expect, test, vi } from 'vitest';
+import { describe, expect, test, vi } from 'vitest';
 import { ComponentProps } from 'vue-component-type-helpers';
 import { AsUiComponent } from '@/scripts/aiscript/ui.js';
 import { ref } from 'vue';
+import { shallowMount } from '@vue/test-utils';
+import MkButton from '@/components/MkButton.vue';
 
 describe('MkAsUi', () => {
 	function renderComponent<C extends AsUiComponent>(
@@ -14,7 +15,7 @@ describe('MkAsUi', () => {
 	) {
 		const componentRef = ref(component);
 		const componentsRef = ref([componentRef]);
-		const mkAsUi = render(MkAsUi, {
+		const wrapper = shallowMount(MkAsUi, {
 			props: {
 				component: componentRef.value,
 				components: componentsRef.value,
@@ -22,31 +23,29 @@ describe('MkAsUi', () => {
 			},
 			global: { directives, components: globalComponents },
 		});
-		return { mkAsUi, component };
+		return { wrapper, component };
 	}
 
 	test('root', async () => {
-		const { mkAsUi } = renderComponent({
+		const { wrapper } = renderComponent({
 			type: 'root',
 			id: 'id',
 			children: [],
 		});
-		const element = mkAsUi.baseElement;
-		assert(element instanceof HTMLElement);
-		expect(element.innerText).toBe('');
+		expect(wrapper.text()).toBe('');
 	});
 
 	test('text', async () => {
-		const { mkAsUi } = renderComponent({
+		const { wrapper } = renderComponent({
 			type: 'text',
 			id: 'id',
 			text: 'Hello, world!',
 		});
-		expect(mkAsUi.queryByText('Hello, world!')).toBeTruthy();
+		expect(wrapper.text()).toBe('Hello, world!');
 	});
 
 	test('mfm', async () => {
-		const { component, mkAsUi } = renderComponent({
+		const { component, wrapper } = renderComponent({
 			type: 'mfm',
 			id: 'id',
 			text: '$[clickable.ev=evId Click me!]',
@@ -54,23 +53,23 @@ describe('MkAsUi', () => {
 				expect(evId).toBe('evId');
 			}),
 		});
-		await fireEvent.click(mkAsUi.getByText('Click me!'));
+		wrapper.findComponent(globalComponents.Mfm).vm.$emit('clickEv', 'evId');
 		expect(component.onClickEv).toHaveBeenCalledOnce();
 	});
 
 	test('button', async () => {
-		const { component, mkAsUi } = renderComponent({
+		const { component, wrapper } = renderComponent({
 			type: 'button',
 			id: 'id',
 			text: 'Click me!',
 			onClick: vi.fn(),
 		});
-		await fireEvent.click(mkAsUi.getByText('Click me!'));
+		wrapper.findComponent(MkButton).vm.$emit('click');
 		expect(component.onClick).toHaveBeenCalledOnce();
 	});
 
 	test('buttons', async () => {
-		const { component, mkAsUi } = renderComponent({
+		const { component, wrapper } = renderComponent({
 			type: 'buttons',
 			id: 'id',
 			buttons: [
@@ -84,9 +83,15 @@ describe('MkAsUi', () => {
 				},
 			],
 		});
-		await fireEvent.click(mkAsUi.getByText('left'));
-		expect(component.buttons[0].onClick).toHaveBeenCalledOnce();
-		await fireEvent.click(mkAsUi.getByText('right'));
+		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();
 	});
 });
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index d9464ba600bb..2ea4b1c29dab 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -142,7 +142,7 @@ importers:
         version: 10.4.7(@nestjs/common@10.4.7(reflect-metadata@0.2.2)(rxjs@7.8.1))(@nestjs/platform-express@10.4.7)(encoding@0.1.13)(reflect-metadata@0.2.2)(rxjs@7.8.1)
       '@nestjs/testing':
         specifier: 10.4.7
-        version: 10.4.7(@nestjs/common@10.4.7(reflect-metadata@0.2.2)(rxjs@7.8.1))(@nestjs/core@10.4.7)(@nestjs/platform-express@10.4.7)
+        version: 10.4.7(@nestjs/common@10.4.7(reflect-metadata@0.2.2)(rxjs@7.8.1))(@nestjs/core@10.4.7(@nestjs/common@10.4.7(reflect-metadata@0.2.2)(rxjs@7.8.1))(@nestjs/platform-express@10.4.7)(encoding@0.1.13)(reflect-metadata@0.2.2)(rxjs@7.8.1))(@nestjs/platform-express@10.4.7(@nestjs/common@10.4.7(reflect-metadata@0.2.2)(rxjs@7.8.1))(@nestjs/core@10.4.7))
       '@peertube/http-signature':
         specifier: 1.7.0
         version: 1.7.0
@@ -922,7 +922,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
@@ -971,6 +971,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
@@ -1133,7 +1136,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
@@ -1163,7 +1166,7 @@ importers:
         version: 7.17.0(eslint@9.14.0)(typescript@5.6.3)
       '@vitest/coverage-v8':
         specifier: 1.6.0
-        version: 1.6.0(vitest@1.6.0(@types/node@22.9.0)(happy-dom@10.0.3)(jsdom@24.1.1(bufferutil@4.0.8)(utf-8-validate@6.0.4))(sass@1.79.4)(terser@5.36.0))
+        version: 1.6.0(vitest@1.6.0(@types/node@22.9.0)(happy-dom@10.0.3)(jsdom@24.1.1)(sass@1.79.4)(terser@5.36.0))
       '@vue/runtime-core':
         specifier: 3.5.12
         version: 3.5.12
@@ -4860,14 +4863,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==}
@@ -10936,9 +10933,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==}
 
@@ -11786,7 +11780,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
@@ -11806,7 +11800,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
@@ -12065,7 +12059,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
@@ -12080,7 +12074,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
@@ -12471,7 +12465,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
@@ -12481,7 +12475,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
@@ -13186,7 +13180,7 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@nestjs/testing@10.4.7(@nestjs/common@10.4.7(reflect-metadata@0.2.2)(rxjs@7.8.1))(@nestjs/core@10.4.7)(@nestjs/platform-express@10.4.7)':
+  '@nestjs/testing@10.4.7(@nestjs/common@10.4.7(reflect-metadata@0.2.2)(rxjs@7.8.1))(@nestjs/core@10.4.7(@nestjs/common@10.4.7(reflect-metadata@0.2.2)(rxjs@7.8.1))(@nestjs/platform-express@10.4.7)(encoding@0.1.13)(reflect-metadata@0.2.2)(rxjs@7.8.1))(@nestjs/platform-express@10.4.7(@nestjs/common@10.4.7(reflect-metadata@0.2.2)(rxjs@7.8.1))(@nestjs/core@10.4.7))':
     dependencies:
       '@nestjs/common': 10.4.7(reflect-metadata@0.2.2)(rxjs@7.8.1)
       '@nestjs/core': 10.4.7(@nestjs/common@10.4.7(reflect-metadata@0.2.2)(rxjs@7.8.1))(@nestjs/platform-express@10.4.7)(encoding@0.1.13)(reflect-metadata@0.2.2)(rxjs@7.8.1)
@@ -14814,16 +14808,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': {}
 
@@ -15270,7 +15262,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:
@@ -15282,7 +15274,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:
@@ -15298,7 +15290,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
@@ -15313,7 +15305,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
@@ -15390,7 +15382,7 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@vitest/coverage-v8@1.6.0(vitest@1.6.0(@types/node@22.9.0)(happy-dom@10.0.3)(jsdom@24.1.1(bufferutil@4.0.8)(utf-8-validate@6.0.4))(sass@1.79.4)(terser@5.36.0))':
+  '@vitest/coverage-v8@1.6.0(vitest@1.6.0(@types/node@22.9.0)(happy-dom@10.0.3)(jsdom@24.1.1)(sass@1.79.4)(terser@5.36.0))':
     dependencies:
       '@ampproject/remapping': 2.2.1
       '@bcoe/v8-coverage': 0.2.3
@@ -15405,7 +15397,7 @@ snapshots:
       std-env: 3.7.0
       strip-literal: 2.1.0
       test-exclude: 6.0.0
-      vitest: 1.6.0(@types/node@22.9.0)(happy-dom@10.0.3)(jsdom@24.1.1(bufferutil@4.0.8)(utf-8-validate@6.0.4))(sass@1.79.4)(terser@5.36.0)
+      vitest: 1.6.0(@types/node@22.9.0)(happy-dom@10.0.3)(jsdom@24.1.1)(sass@1.79.4)(terser@5.36.0)
     transitivePeerDependencies:
       - supports-color
 
@@ -15594,13 +15586,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': {}
 
@@ -15643,14 +15632,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
 
@@ -17254,7 +17243,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
@@ -17496,7 +17485,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
@@ -17941,7 +17930,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:
@@ -18411,7 +18400,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
 
@@ -18450,7 +18439,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
@@ -18458,14 +18447,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
 
@@ -18811,7 +18800,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:
@@ -18820,7 +18809,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
@@ -19221,6 +19210,35 @@ snapshots:
 
   jsdoc-type-pratt-parser@4.1.0: {}
 
+  jsdom@24.1.1:
+    dependencies:
+      cssstyle: 4.0.1
+      data-urls: 5.0.0
+      decimal.js: 10.4.3
+      form-data: 4.0.1
+      html-encoding-sniffer: 4.0.0
+      http-proxy-agent: 7.0.2
+      https-proxy-agent: 7.0.5
+      is-potential-custom-element-name: 1.0.1
+      nwsapi: 2.2.12
+      parse5: 7.2.1
+      rrweb-cssom: 0.7.1
+      saxes: 6.0.0
+      symbol-tree: 3.2.4
+      tough-cookie: 4.1.4
+      w3c-xmlserializer: 5.0.0
+      webidl-conversions: 7.0.0
+      whatwg-encoding: 3.1.1
+      whatwg-mimetype: 4.0.0
+      whatwg-url: 14.0.0
+      ws: 8.18.0(bufferutil@4.0.7)(utf-8-validate@6.0.3)
+      xml-name-validator: 5.0.0
+    transitivePeerDependencies:
+      - bufferutil
+      - supports-color
+      - utf-8-validate
+    optional: true
+
   jsdom@24.1.1(bufferutil@4.0.7)(utf-8-validate@6.0.3):
     dependencies:
       cssstyle: 4.0.1
@@ -19913,7 +19931,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
@@ -21373,7 +21391,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:
@@ -21798,7 +21816,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
@@ -21907,7 +21925,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
@@ -22654,7 +22672,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)
@@ -22672,7 +22690,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)
@@ -22754,7 +22772,7 @@ snapshots:
       - supports-color
       - terser
 
-  vitest@1.6.0(@types/node@22.9.0)(happy-dom@10.0.3)(jsdom@24.1.1(bufferutil@4.0.8)(utf-8-validate@6.0.4))(sass@1.79.4)(terser@5.36.0):
+  vitest@1.6.0(@types/node@22.9.0)(happy-dom@10.0.3)(jsdom@24.1.1)(sass@1.79.4)(terser@5.36.0):
     dependencies:
       '@vitest/expect': 1.6.0
       '@vitest/runner': 1.6.0
@@ -22779,7 +22797,7 @@ snapshots:
     optionalDependencies:
       '@types/node': 22.9.0
       happy-dom: 10.0.3
-      jsdom: 24.1.1(bufferutil@4.0.8)(utf-8-validate@6.0.4)
+      jsdom: 24.1.1
     transitivePeerDependencies:
       - less
       - lightningcss
@@ -22824,8 +22842,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: {}

From 9e26f273e7feebb67af6a5c686eb60eebaab7fd1 Mon Sep 17 00:00:00 2001
From: takejohn <takejohn@takejohn.jp>
Date: Fri, 17 Jan 2025 00:03:39 +0900
Subject: [PATCH 07/13] =?UTF-8?q?MkAsUi=E3=81=AE=E3=83=86=E3=82=B9?=
 =?UTF-8?q?=E3=83=88(=E6=AE=8B=E3=82=8A)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../frontend/test/components/MkAsUi.test.ts   | 142 ++++++++++++++++++
 1 file changed, 142 insertions(+)

diff --git a/packages/frontend/test/components/MkAsUi.test.ts b/packages/frontend/test/components/MkAsUi.test.ts
index 03aae189b67c..00d3a6660558 100644
--- a/packages/frontend/test/components/MkAsUi.test.ts
+++ b/packages/frontend/test/components/MkAsUi.test.ts
@@ -7,6 +7,20 @@ import { AsUiComponent } from '@/scripts/aiscript/ui.js';
 import { 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';
+
+const osPostMock = vi.hoisted(() => vi.fn() satisfies typeof os.post);
+
+vi.mock('@/os.js', () => {
+	return {
+		post: osPostMock,
+	};
+});
 
 describe('MkAsUi', () => {
 	function renderComponent<C extends AsUiComponent>(
@@ -94,4 +108,132 @@ describe('MkAsUi', () => {
 		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);
+	});
 });

From 859089b1684d79c8b3ba70a5748970cfb1c5a941 Mon Sep 17 00:00:00 2001
From: takejohn <takejohn@takejohn.jp>
Date: Fri, 17 Jan 2025 23:14:05 +0900
Subject: [PATCH 08/13] =?UTF-8?q?folder=E3=81=AE=E3=83=86=E3=82=B9?=
 =?UTF-8?q?=E3=83=88?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../frontend/test/components/MkAsUi.test.ts   | 48 ++++++++++++++-----
 1 file changed, 37 insertions(+), 11 deletions(-)

diff --git a/packages/frontend/test/components/MkAsUi.test.ts b/packages/frontend/test/components/MkAsUi.test.ts
index 00d3a6660558..5ec490b53a85 100644
--- a/packages/frontend/test/components/MkAsUi.test.ts
+++ b/packages/frontend/test/components/MkAsUi.test.ts
@@ -4,7 +4,7 @@ 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 } from 'vue';
+import { Ref, ref } from 'vue';
 import { shallowMount } from '@vue/test-utils';
 import MkButton from '@/components/MkButton.vue';
 import MkPostForm from '@/components/MkPostForm.vue';
@@ -13,6 +13,7 @@ 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);
 
@@ -27,19 +28,25 @@ describe('MkAsUi', () => {
 		component: C,
 		opts?: Omit<ComponentProps<typeof MkAsUi>, 'component' | 'components'>
 	) {
-		const componentRef = ref(component);
-		const componentsRef = ref([componentRef]);
-		const wrapper = shallowMount(MkAsUi, {
-			props: {
-				component: componentRef.value,
-				components: componentsRef.value,
-				...opts,
-			},
-			global: { directives, components: globalComponents },
-		});
+		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',
@@ -236,4 +243,23 @@ describe('MkAsUi', () => {
 		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);
+	});
 });

From 059bdd9ecdf141fa8c89fb9ee3886f61770e7362 Mon Sep 17 00:00:00 2001
From: takejohn <takejohn@takejohn.jp>
Date: Fri, 17 Jan 2025 23:58:27 +0900
Subject: [PATCH 09/13] =?UTF-8?q?=E3=83=95=E3=82=A9=E3=83=AB=E3=83=80?=
 =?UTF-8?q?=E5=88=86=E3=81=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 CONTRIBUTING.md                                            | 7 ++++++-
 .../frontend/test/{ => dom}/components/MkInput.test.ts     | 0
 packages/frontend/test/{ => vue}/components/MkAsUi.test.ts | 0
 3 files changed, 6 insertions(+), 1 deletion(-)
 rename packages/frontend/test/{ => dom}/components/MkInput.test.ts (100%)
 rename packages/frontend/test/{ => vue}/components/MkAsUi.test.ts (100%)

diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md
index 1c777259d28d..723dde27a404 100644
--- a/CONTRIBUTING.md
+++ b/CONTRIBUTING.md
@@ -224,7 +224,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/test/components/MkInput.test.ts b/packages/frontend/test/dom/components/MkInput.test.ts
similarity index 100%
rename from packages/frontend/test/components/MkInput.test.ts
rename to packages/frontend/test/dom/components/MkInput.test.ts
diff --git a/packages/frontend/test/components/MkAsUi.test.ts b/packages/frontend/test/vue/components/MkAsUi.test.ts
similarity index 100%
rename from packages/frontend/test/components/MkAsUi.test.ts
rename to packages/frontend/test/vue/components/MkAsUi.test.ts

From ea12ce7eecff18b3209c5f1b76c3a998bef05ddb Mon Sep 17 00:00:00 2001
From: takejohn <takejohn@takejohn.jp>
Date: Sat, 25 Jan 2025 23:02:30 +0900
Subject: [PATCH 10/13] =?UTF-8?q?=E3=83=A9=E3=82=A4=E3=82=BB=E3=83=B3?=
 =?UTF-8?q?=E3=82=B9=E3=82=B3=E3=83=A1=E3=83=B3=E3=83=88=E8=BF=BD=E5=8A=A0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/frontend/test/dom/components/MkInput.test.ts | 5 +++++
 packages/frontend/test/vue/components/MkAsUi.test.ts  | 5 +++++
 2 files changed, 10 insertions(+)

diff --git a/packages/frontend/test/dom/components/MkInput.test.ts b/packages/frontend/test/dom/components/MkInput.test.ts
index 1af713787007..5bb576df22cd 100644
--- a/packages/frontend/test/dom/components/MkInput.test.ts
+++ b/packages/frontend/test/dom/components/MkInput.test.ts
@@ -1,3 +1,8 @@
+/*
+ * 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';
diff --git a/packages/frontend/test/vue/components/MkAsUi.test.ts b/packages/frontend/test/vue/components/MkAsUi.test.ts
index 5ec490b53a85..ecb3adf75b1a 100644
--- a/packages/frontend/test/vue/components/MkAsUi.test.ts
+++ b/packages/frontend/test/vue/components/MkAsUi.test.ts
@@ -1,3 +1,8 @@
+/*
+ * 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';

From 42fcdaa235352f0e9edddb8bf0e97c476f75bb6d Mon Sep 17 00:00:00 2001
From: takejohn <takejohn@takejohn.jp>
Date: Sun, 26 Jan 2025 22:39:22 +0900
Subject: [PATCH 11/13] =?UTF-8?q?=E7=9C=81=E7=95=A5=E3=81=95=E3=82=8C?=
 =?UTF-8?q?=E3=81=A6=E3=81=84=E3=81=9Ftype=3D"text"=E3=82=92=E8=BF=BD?=
 =?UTF-8?q?=E5=8A=A0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/components/MkAntennaEditor.vue         |  4 ++--
 packages/frontend/src/components/MkAsUi.vue    |  2 +-
 .../components/MkAutocomplete.stories.impl.ts  |  3 +--
 .../frontend/src/components/MkPollEditor.vue   |  2 +-
 packages/frontend/src/components/MkPreview.vue |  8 ++++----
 .../src/components/MkSystemWebhookEditor.vue   |  6 +++---
 .../src/components/MkTokenGenerateWindow.vue   |  2 +-
 .../MkUserAnnouncementEditDialog.vue           |  2 +-
 .../src/components/MkUserSelectDialog.vue      |  8 ++++----
 .../components/MkUserSetupDialog.Profile.vue   |  6 +++---
 packages/frontend/src/pages/about.emojis.vue   |  2 +-
 .../frontend/src/pages/about.federation.vue    |  2 +-
 .../notification-recipient.editor.vue          |  2 +-
 .../frontend/src/pages/admin/announcements.vue |  2 +-
 .../src/pages/admin/bot-protection.vue         | 18 +++++++++---------
 .../src/pages/admin/email-settings.vue         |  4 ++--
 .../src/pages/admin/external-services.vue      |  2 +-
 .../frontend/src/pages/admin/federation.vue    |  2 +-
 packages/frontend/src/pages/admin/modlog.vue   |  2 +-
 .../src/pages/admin/object-storage.vue         | 10 +++++-----
 .../frontend/src/pages/admin/roles.editor.vue  |  4 ++--
 packages/frontend/src/pages/admin/security.vue |  6 +++---
 .../frontend/src/pages/admin/server-rules.vue  |  2 +-
 packages/frontend/src/pages/admin/settings.vue | 10 +++++-----
 packages/frontend/src/pages/api-console.vue    |  2 +-
 .../pages/avatar-decoration-edit-dialog.vue    |  4 ++--
 packages/frontend/src/pages/channel-editor.vue |  2 +-
 packages/frontend/src/pages/channel.vue        |  4 ++--
 .../src/pages/custom-emojis-manager.vue        |  2 +-
 .../frontend/src/pages/emoji-edit-dialog.vue   |  8 ++++----
 .../frontend/src/pages/flash/flash-edit.vue    |  2 +-
 packages/frontend/src/pages/gallery/edit.vue   |  2 +-
 packages/frontend/src/pages/my-lists/list.vue  |  2 +-
 .../page-editor/els/page-editor.el.note.vue    |  2 +-
 .../src/pages/page-editor/page-editor.vue      |  6 +++---
 .../src/pages/settings/2fa.qrdialog.vue        |  2 +-
 .../frontend/src/pages/settings/migration.vue  |  4 ++--
 .../frontend/src/pages/settings/profile.vue    | 10 +++++-----
 .../src/pages/settings/statusbar.statusbar.vue |  2 +-
 .../src/pages/settings/theme.manage.vue        |  2 +-
 .../src/pages/settings/webhook.edit.vue        |  4 ++--
 .../src/pages/settings/webhook.new.vue         |  4 ++--
 packages/frontend/src/pages/welcome.setup.vue  |  2 +-
 43 files changed, 88 insertions(+), 89 deletions(-)

diff --git a/packages/frontend/src/components/MkAntennaEditor.vue b/packages/frontend/src/components/MkAntennaEditor.vue
index e622d57f1ecf..b7aa9fb76015 100644
--- a/packages/frontend/src/components/MkAntennaEditor.vue
+++ b/packages/frontend/src/components/MkAntennaEditor.vue
@@ -7,7 +7,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 <MkSpacer :contentMax="700">
 	<div>
 		<div class="_gaps_m">
-			<MkInput v-model="name">
+			<MkInput v-model="name" type="text">
 				<template #label>{{ i18n.ts.name }}</template>
 			</MkInput>
 			<MkSelect v-model="src">
@@ -53,6 +53,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 <script lang="ts" setup>
 import { watch, ref } from 'vue';
 import * as Misskey from 'misskey-js';
+import type { DeepPartial } from '@/scripts/merge.js';
 import MkButton from '@/components/MkButton.vue';
 import MkInput from '@/components/MkInput.vue';
 import MkTextarea from '@/components/MkTextarea.vue';
@@ -62,7 +63,6 @@ import * as os from '@/os.js';
 import { misskeyApi } from '@/scripts/misskey-api.js';
 import { i18n } from '@/i18n.js';
 import { deepMerge } from '@/scripts/merge.js';
-import type { DeepPartial } from '@/scripts/merge.js';
 
 type PartialAllowedAntenna = Omit<Misskey.entities.Antenna, 'id' | 'createdAt' | 'updatedAt'> & {
 	id?: string;
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/MkAutocomplete.stories.impl.ts b/packages/frontend/src/components/MkAutocomplete.stories.impl.ts
index ec24b8c24052..2009c43100b2 100644
--- a/packages/frontend/src/components/MkAutocomplete.stories.impl.ts
+++ b/packages/frontend/src/components/MkAutocomplete.stories.impl.ts
@@ -3,7 +3,6 @@
  * SPDX-License-Identifier: AGPL-3.0-only
  */
 
-/* eslint-disable @typescript-eslint/explicit-function-return-type */
 import { action } from '@storybook/addon-actions';
 import { expect, userEvent, waitFor, within } from '@storybook/test';
 import { StoryObj } from '@storybook/vue3';
@@ -61,7 +60,7 @@ const common = {
 					this.textarea = this.$refs.input.$refs.inputEl;
 				},
 			},
-			template: '<MkInput v-model="q" ref="input" @vue:mounted="inputMounted"/><story v-if="textarea" :q="q" :textarea="textarea"/>',
+			template: '<MkInput v-model="q" ref="input" @vue:mounted="inputMounted" type="text"/><story v-if="textarea" :q="q" :textarea="textarea"/>',
 		}),
 	],
 	parameters: {
diff --git a/packages/frontend/src/components/MkPollEditor.vue b/packages/frontend/src/components/MkPollEditor.vue
index 3726ddf822e3..72d967860c91 100644
--- a/packages/frontend/src/components/MkPollEditor.vue
+++ b/packages/frontend/src/components/MkPollEditor.vue
@@ -10,7 +10,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 	</p>
 	<ul>
 		<li v-for="(choice, i) in choices" :key="i">
-			<MkInput class="input" small :modelValue="choice" :placeholder="i18n.tsx._poll.choiceN({ n: i + 1 })" @update:modelValue="onInput(i, $event)">
+			<MkInput class="input" small :modelValue="choice" :placeholder="i18n.tsx._poll.choiceN({ n: i + 1 })" type="text" @update:modelValue="onInput(i, $event)">
 			</MkInput>
 			<button class="_button" @click="remove(i)">
 				<i class="ti ti-x"></i>
diff --git a/packages/frontend/src/components/MkPreview.vue b/packages/frontend/src/components/MkPreview.vue
index 6efd99d14bf5..353d0ceccef8 100644
--- a/packages/frontend/src/components/MkPreview.vue
+++ b/packages/frontend/src/components/MkPreview.vue
@@ -6,7 +6,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 <template>
 <div :class="$style.preview">
 	<div>
-		<MkInput v-model="text">
+		<MkInput v-model="text" type="text">
 			<template #label>Text</template>
 		</MkInput>
 		<MkSwitch v-model="flag" :class="$style.preview__content1__switch_button">
@@ -18,8 +18,8 @@ SPDX-License-Identifier: AGPL-3.0-only
 			<MkRadio v-model="radio" value="pleroma">Pleroma</MkRadio>
 		</div>
 		<div :class="$style.preview__content1__button">
-		<MkButton inline>This is</MkButton>
-		<MkButton inline primary>the button</MkButton>
+			<MkButton inline>This is</MkButton>
+			<MkButton inline primary>the button</MkButton>
 		</div>
 	</div>
 	<div :class="$style.preview__content2" style="pointer-events: none;">
@@ -36,13 +36,13 @@ SPDX-License-Identifier: AGPL-3.0-only
 
 <script lang="ts" setup>
 import { ref } from 'vue';
+import * as config from '@@/js/config.js';
 import MkButton from '@/components/MkButton.vue';
 import MkInput from '@/components/MkInput.vue';
 import MkSwitch from '@/components/MkSwitch.vue';
 import MkTextarea from '@/components/MkTextarea.vue';
 import MkRadio from '@/components/MkRadio.vue';
 import * as os from '@/os.js';
-import * as config from '@@/js/config.js';
 import { $i } from '@/account.js';
 
 const text = ref('');
diff --git a/packages/frontend/src/components/MkSystemWebhookEditor.vue b/packages/frontend/src/components/MkSystemWebhookEditor.vue
index 485d003f93a3..f682c3712441 100644
--- a/packages/frontend/src/components/MkSystemWebhookEditor.vue
+++ b/packages/frontend/src/components/MkSystemWebhookEditor.vue
@@ -23,13 +23,13 @@ SPDX-License-Identifier: AGPL-3.0-only
 		<MkSpacer :marginMin="20" :marginMax="28" style="flex-grow: 1;">
 			<MkLoading v-if="loading !== 0"/>
 			<div v-else :class="$style.root" class="_gaps_m">
-				<MkInput v-model="title">
+				<MkInput v-model="title" type="text">
 					<template #label>{{ i18n.ts._webhookSettings.name }}</template>
 				</MkInput>
-				<MkInput v-model="url">
+				<MkInput v-model="url" type="text">
 					<template #label>URL</template>
 				</MkInput>
-				<MkInput v-model="secret">
+				<MkInput v-model="secret" type="text">
 					<template #label>{{ i18n.ts._webhookSettings.secret }}</template>
 				</MkInput>
 				<MkFolder :defaultOpen="true">
diff --git a/packages/frontend/src/components/MkTokenGenerateWindow.vue b/packages/frontend/src/components/MkTokenGenerateWindow.vue
index 73aef6896483..3b730ecf0826 100644
--- a/packages/frontend/src/components/MkTokenGenerateWindow.vue
+++ b/packages/frontend/src/components/MkTokenGenerateWindow.vue
@@ -23,7 +23,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 				<MkInfo warn>{{ information }}</MkInfo>
 			</div>
 			<div>
-				<MkInput v-model="name">
+				<MkInput v-model="name" type="text">
 					<template #label>{{ i18n.ts.name }}</template>
 				</MkInput>
 			</div>
diff --git a/packages/frontend/src/components/MkUserAnnouncementEditDialog.vue b/packages/frontend/src/components/MkUserAnnouncementEditDialog.vue
index fe499fabbf1e..9f2f77345030 100644
--- a/packages/frontend/src/components/MkUserAnnouncementEditDialog.vue
+++ b/packages/frontend/src/components/MkUserAnnouncementEditDialog.vue
@@ -16,7 +16,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 	<div>
 		<MkSpacer :marginMin="20" :marginMax="28">
 			<div class="_gaps_m">
-				<MkInput v-model="title">
+				<MkInput v-model="title" type="text">
 					<template #label>{{ i18n.ts.title }}</template>
 				</MkInput>
 				<MkTextarea v-model="text">
diff --git a/packages/frontend/src/components/MkUserSelectDialog.vue b/packages/frontend/src/components/MkUserSelectDialog.vue
index 63af652cbc97..a40bbb0150ec 100644
--- a/packages/frontend/src/components/MkUserSelectDialog.vue
+++ b/packages/frontend/src/components/MkUserSelectDialog.vue
@@ -16,16 +16,16 @@ SPDX-License-Identifier: AGPL-3.0-only
 	<template #header>{{ i18n.ts.selectUser }}</template>
 	<div>
 		<div :class="$style.form">
-			<MkInput v-if="computedLocalOnly" v-model="username" :autofocus="true" @update:modelValue="search">
+			<MkInput v-if="computedLocalOnly" v-model="username" :autofocus="true" type="text" @update:modelValue="search">
 				<template #label>{{ i18n.ts.username }}</template>
 				<template #prefix>@</template>
 			</MkInput>
 			<FormSplit v-else :minWidth="170">
-				<MkInput v-model="username" :autofocus="true" @update:modelValue="search">
+				<MkInput v-model="username" :autofocus="true" type="text" @update:modelValue="search">
 					<template #label>{{ i18n.ts.username }}</template>
 					<template #prefix>@</template>
 				</MkInput>
-				<MkInput v-model="host" :datalist="[hostname]" @update:modelValue="search">
+				<MkInput v-model="host" :datalist="[hostname]" type="text" @update:modelValue="search">
 					<template #label>{{ i18n.ts.host }}</template>
 					<template #prefix>@</template>
 				</MkInput>
@@ -63,6 +63,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 <script lang="ts" setup>
 import { onMounted, ref, computed, shallowRef } from 'vue';
 import * as Misskey from 'misskey-js';
+import { host as currentHost, hostname } from '@@/js/config.js';
 import MkInput from '@/components/MkInput.vue';
 import FormSplit from '@/components/form/split.vue';
 import MkModalWindow from '@/components/MkModalWindow.vue';
@@ -71,7 +72,6 @@ import { defaultStore } from '@/store.js';
 import { i18n } from '@/i18n.js';
 import { $i } from '@/account.js';
 import { instance } from '@/instance.js';
-import { host as currentHost, hostname } from '@@/js/config.js';
 
 const emit = defineEmits<{
 	(ev: 'ok', selected: Misskey.entities.UserDetailed): void;
diff --git a/packages/frontend/src/components/MkUserSetupDialog.Profile.vue b/packages/frontend/src/components/MkUserSetupDialog.Profile.vue
index 7cb48f6afb81..d5f662ef17fc 100644
--- a/packages/frontend/src/components/MkUserSetupDialog.Profile.vue
+++ b/packages/frontend/src/components/MkUserSetupDialog.Profile.vue
@@ -17,7 +17,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 		</div>
 	</FormSlot>
 
-	<MkInput v-model="name" :max="30" manualSave data-cy-user-setup-user-name>
+	<MkInput v-model="name" :max="30" manualSave data-cy-user-setup-user-name type="text">
 		<template #label>{{ i18n.ts._profile.name }}</template>
 	</MkInput>
 
@@ -49,7 +49,7 @@ const description = ref($i.description ?? '');
 watch(name, () => {
 	os.apiWithDialog('i/update', {
 		// 空文字列をnullにしたいので??は使うな
-		// eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing
+
 		name: name.value || null,
 	}, undefined, {
 		'0b3f9f6a-2f4d-4b1f-9fb4-49d3a2fd7191': {
@@ -62,7 +62,7 @@ watch(name, () => {
 watch(description, () => {
 	os.apiWithDialog('i/update', {
 		// 空文字列をnullにしたいので??は使うな
-		// eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing
+
 		description: description.value || null,
 	});
 });
diff --git a/packages/frontend/src/pages/about.emojis.vue b/packages/frontend/src/pages/about.emojis.vue
index d7d526f3bad7..5ee38bf9dbad 100644
--- a/packages/frontend/src/pages/about.emojis.vue
+++ b/packages/frontend/src/pages/about.emojis.vue
@@ -8,7 +8,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 	<MkButton v-if="$i && ($i.isModerator || $i.policies.canManageCustomEmojis)" primary link to="/custom-emojis-manager">{{ i18n.ts.manageCustomEmojis }}</MkButton>
 
 	<div class="query">
-		<MkInput v-model="q" class="" :placeholder="i18n.ts.search" autocapitalize="off">
+		<MkInput v-model="q" class="" :placeholder="i18n.ts.search" autocapitalize="off" type="text">
 			<template #prefix><i class="ti ti-search"></i></template>
 		</MkInput>
 
diff --git a/packages/frontend/src/pages/about.federation.vue b/packages/frontend/src/pages/about.federation.vue
index 0a7cb8a50b99..f8e15b3e3d43 100644
--- a/packages/frontend/src/pages/about.federation.vue
+++ b/packages/frontend/src/pages/about.federation.vue
@@ -6,7 +6,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 <template>
 <div class="_gaps">
 	<div>
-		<MkInput v-model="host" :debounce="true" class="">
+		<MkInput v-model="host" :debounce="true" class="" type="text">
 			<template #prefix><i class="ti ti-search"></i></template>
 			<template #label>{{ i18n.ts.host }}</template>
 		</MkInput>
diff --git a/packages/frontend/src/pages/admin/abuse-report/notification-recipient.editor.vue b/packages/frontend/src/pages/admin/abuse-report/notification-recipient.editor.vue
index eef24afd3223..d6990e06049f 100644
--- a/packages/frontend/src/pages/admin/abuse-report/notification-recipient.editor.vue
+++ b/packages/frontend/src/pages/admin/abuse-report/notification-recipient.editor.vue
@@ -19,7 +19,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 	<div v-if="loading === 0" style="display: flex; flex-direction: column; min-height: 100%;">
 		<MkSpacer :marginMin="20" :marginMax="28" style="flex-grow: 1;">
 			<div :class="$style.root" class="_gaps_m">
-				<MkInput v-model="title">
+				<MkInput v-model="title" type="text">
 					<template #label>{{ i18n.ts.title }}</template>
 				</MkInput>
 				<MkSelect v-model="method">
diff --git a/packages/frontend/src/pages/admin/announcements.vue b/packages/frontend/src/pages/admin/announcements.vue
index e42058601721..9c2de0d8b80f 100644
--- a/packages/frontend/src/pages/admin/announcements.vue
+++ b/packages/frontend/src/pages/admin/announcements.vue
@@ -39,7 +39,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 					</template>
 
 					<div class="_gaps">
-						<MkInput v-model="announcement.title">
+						<MkInput v-model="announcement.title" type="text">
 							<template #label>{{ i18n.ts.title }}</template>
 						</MkInput>
 						<MkTextarea v-model="announcement.text" mfmAutocomplete :mfmPreview="true">
diff --git a/packages/frontend/src/pages/admin/bot-protection.vue b/packages/frontend/src/pages/admin/bot-protection.vue
index 498cf1394309..a2887b94d1aa 100644
--- a/packages/frontend/src/pages/admin/bot-protection.vue
+++ b/packages/frontend/src/pages/admin/bot-protection.vue
@@ -28,11 +28,11 @@ SPDX-License-Identifier: AGPL-3.0-only
 		</MkRadios>
 
 		<template v-if="botProtectionForm.state.provider === 'hcaptcha'">
-			<MkInput v-model="botProtectionForm.state.hcaptchaSiteKey" debounce>
+			<MkInput v-model="botProtectionForm.state.hcaptchaSiteKey" debounce type="text">
 				<template #prefix><i class="ti ti-key"></i></template>
 				<template #label>{{ i18n.ts.hcaptchaSiteKey }}</template>
 			</MkInput>
-			<MkInput v-model="botProtectionForm.state.hcaptchaSecretKey" debounce>
+			<MkInput v-model="botProtectionForm.state.hcaptchaSecretKey" debounce type="text">
 				<template #prefix><i class="ti ti-key"></i></template>
 				<template #label>{{ i18n.ts.hcaptchaSecretKey }}</template>
 			</MkInput>
@@ -56,15 +56,15 @@ SPDX-License-Identifier: AGPL-3.0-only
 		</template>
 
 		<template v-else-if="botProtectionForm.state.provider === 'mcaptcha'">
-			<MkInput v-model="botProtectionForm.state.mcaptchaSiteKey" debounce>
+			<MkInput v-model="botProtectionForm.state.mcaptchaSiteKey" debounce type="text">
 				<template #prefix><i class="ti ti-key"></i></template>
 				<template #label>{{ i18n.ts.mcaptchaSiteKey }}</template>
 			</MkInput>
-			<MkInput v-model="botProtectionForm.state.mcaptchaSecretKey" debounce>
+			<MkInput v-model="botProtectionForm.state.mcaptchaSecretKey" debounce type="text">
 				<template #prefix><i class="ti ti-key"></i></template>
 				<template #label>{{ i18n.ts.mcaptchaSecretKey }}</template>
 			</MkInput>
-			<MkInput v-model="botProtectionForm.state.mcaptchaInstanceUrl" debounce>
+			<MkInput v-model="botProtectionForm.state.mcaptchaInstanceUrl" debounce type="text">
 				<template #prefix><i class="ti ti-link"></i></template>
 				<template #label>{{ i18n.ts.mcaptchaInstanceUrl }}</template>
 			</MkInput>
@@ -81,11 +81,11 @@ SPDX-License-Identifier: AGPL-3.0-only
 		</template>
 
 		<template v-else-if="botProtectionForm.state.provider === 'recaptcha'">
-			<MkInput v-model="botProtectionForm.state.recaptchaSiteKey" debounce>
+			<MkInput v-model="botProtectionForm.state.recaptchaSiteKey" debounce type="text">
 				<template #prefix><i class="ti ti-key"></i></template>
 				<template #label>{{ i18n.ts.recaptchaSiteKey }}</template>
 			</MkInput>
-			<MkInput v-model="botProtectionForm.state.recaptchaSecretKey" debounce>
+			<MkInput v-model="botProtectionForm.state.recaptchaSecretKey" debounce type="text">
 				<template #prefix><i class="ti ti-key"></i></template>
 				<template #label>{{ i18n.ts.recaptchaSecretKey }}</template>
 			</MkInput>
@@ -113,11 +113,11 @@ SPDX-License-Identifier: AGPL-3.0-only
 		</template>
 
 		<template v-else-if="botProtectionForm.state.provider === 'turnstile'">
-			<MkInput v-model="botProtectionForm.state.turnstileSiteKey" debounce>
+			<MkInput v-model="botProtectionForm.state.turnstileSiteKey" debounce type="text">
 				<template #prefix><i class="ti ti-key"></i></template>
 				<template #label>{{ i18n.ts.turnstileSiteKey }}</template>
 			</MkInput>
-			<MkInput v-model="botProtectionForm.state.turnstileSecretKey" debounce>
+			<MkInput v-model="botProtectionForm.state.turnstileSecretKey" debounce type="text">
 				<template #prefix><i class="ti ti-key"></i></template>
 				<template #label>{{ i18n.ts.turnstileSecretKey }}</template>
 			</MkInput>
diff --git a/packages/frontend/src/pages/admin/email-settings.vue b/packages/frontend/src/pages/admin/email-settings.vue
index 5b60e67dac70..0f4073abfdb6 100644
--- a/packages/frontend/src/pages/admin/email-settings.vue
+++ b/packages/frontend/src/pages/admin/email-settings.vue
@@ -24,7 +24,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 
 						<div class="_gaps_m">
 							<FormSplit :minWidth="280">
-								<MkInput v-model="smtpHost">
+								<MkInput v-model="smtpHost" type="text">
 									<template #label>{{ i18n.ts.smtpHost }}</template>
 								</MkInput>
 								<MkInput v-model="smtpPort" type="number">
@@ -32,7 +32,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 								</MkInput>
 							</FormSplit>
 							<FormSplit :minWidth="280">
-								<MkInput v-model="smtpUser">
+								<MkInput v-model="smtpUser" type="text">
 									<template #label>{{ i18n.ts.smtpUser }}</template>
 								</MkInput>
 								<MkInput v-model="smtpPass" type="password">
diff --git a/packages/frontend/src/pages/admin/external-services.vue b/packages/frontend/src/pages/admin/external-services.vue
index 91f41166e990..bde858f03eaa 100644
--- a/packages/frontend/src/pages/admin/external-services.vue
+++ b/packages/frontend/src/pages/admin/external-services.vue
@@ -12,7 +12,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 				<template #label>DeepL Translation</template>
 
 				<div class="_gaps_m">
-					<MkInput v-model="deeplAuthKey">
+					<MkInput v-model="deeplAuthKey" type="text">
 						<template #prefix><i class="ti ti-key"></i></template>
 						<template #label>DeepL Auth Key</template>
 					</MkInput>
diff --git a/packages/frontend/src/pages/admin/federation.vue b/packages/frontend/src/pages/admin/federation.vue
index e7b9fd86212d..282b2f98b60b 100644
--- a/packages/frontend/src/pages/admin/federation.vue
+++ b/packages/frontend/src/pages/admin/federation.vue
@@ -10,7 +10,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 		<MkSpacer :contentMax="900">
 			<div class="_gaps">
 				<div>
-					<MkInput v-model="host" :debounce="true" class="">
+					<MkInput v-model="host" :debounce="true" class="" type="text">
 						<template #prefix><i class="ti ti-search"></i></template>
 						<template #label>{{ i18n.ts.host }}</template>
 					</MkInput>
diff --git a/packages/frontend/src/pages/admin/modlog.vue b/packages/frontend/src/pages/admin/modlog.vue
index c9eaf0753129..a9408d624931 100644
--- a/packages/frontend/src/pages/admin/modlog.vue
+++ b/packages/frontend/src/pages/admin/modlog.vue
@@ -14,7 +14,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 					<option :value="null">{{ i18n.ts.all }}</option>
 					<option v-for="t in Misskey.moderationLogTypes" :key="t" :value="t">{{ i18n.ts._moderationLogTypes[t] ?? t }}</option>
 				</MkSelect>
-				<MkInput v-model="moderatorId" style="margin: 0; flex: 1;">
+				<MkInput v-model="moderatorId" style="margin: 0; flex: 1;" type="text">
 					<template #label>{{ i18n.ts.moderator }}(ID)</template>
 				</MkInput>
 			</div>
diff --git a/packages/frontend/src/pages/admin/object-storage.vue b/packages/frontend/src/pages/admin/object-storage.vue
index d5a664934cf2..3ccb681c9837 100644
--- a/packages/frontend/src/pages/admin/object-storage.vue
+++ b/packages/frontend/src/pages/admin/object-storage.vue
@@ -17,29 +17,29 @@ SPDX-License-Identifier: AGPL-3.0-only
 						<template #caption>{{ i18n.ts.objectStorageBaseUrlDesc }}</template>
 					</MkInput>
 
-					<MkInput v-model="objectStorageBucket">
+					<MkInput v-model="objectStorageBucket" type="text">
 						<template #label>{{ i18n.ts.objectStorageBucket }}</template>
 						<template #caption>{{ i18n.ts.objectStorageBucketDesc }}</template>
 					</MkInput>
 
-					<MkInput v-model="objectStoragePrefix">
+					<MkInput v-model="objectStoragePrefix" type="text">
 						<template #label>{{ i18n.ts.objectStoragePrefix }}</template>
 						<template #caption>{{ i18n.ts.objectStoragePrefixDesc }}</template>
 					</MkInput>
 
-					<MkInput v-model="objectStorageEndpoint" :placeholder="'example.com'">
+					<MkInput v-model="objectStorageEndpoint" :placeholder="'example.com'" type="text">
 						<template #label>{{ i18n.ts.objectStorageEndpoint }}</template>
 						<template #prefix>https://</template>
 						<template #caption>{{ i18n.ts.objectStorageEndpointDesc }}</template>
 					</MkInput>
 
-					<MkInput v-model="objectStorageRegion">
+					<MkInput v-model="objectStorageRegion" type="text">
 						<template #label>{{ i18n.ts.objectStorageRegion }}</template>
 						<template #caption>{{ i18n.ts.objectStorageRegionDesc }}</template>
 					</MkInput>
 
 					<FormSplit :minWidth="280">
-						<MkInput v-model="objectStorageAccessKey">
+						<MkInput v-model="objectStorageAccessKey" type="text">
 							<template #prefix><i class="ti ti-key"></i></template>
 							<template #label>Access key</template>
 						</MkInput>
diff --git a/packages/frontend/src/pages/admin/roles.editor.vue b/packages/frontend/src/pages/admin/roles.editor.vue
index ae01432d0c74..bade69eca6d5 100644
--- a/packages/frontend/src/pages/admin/roles.editor.vue
+++ b/packages/frontend/src/pages/admin/roles.editor.vue
@@ -5,11 +5,11 @@ SPDX-License-Identifier: AGPL-3.0-only
 
 <template>
 <div class="_gaps">
-	<MkInput v-if="readonly" :modelValue="role.id" :readonly="true">
+	<MkInput v-if="readonly" :modelValue="role.id" :readonly="true" type="text">
 		<template #label>ID</template>
 	</MkInput>
 
-	<MkInput v-model="role.name" :readonly="readonly">
+	<MkInput v-model="role.name" :readonly="readonly" type="text">
 		<template #label>{{ i18n.ts._role.name }}</template>
 	</MkInput>
 
diff --git a/packages/frontend/src/pages/admin/security.vue b/packages/frontend/src/pages/admin/security.vue
index 975a4a126502..e414a29a8bb7 100644
--- a/packages/frontend/src/pages/admin/security.vue
+++ b/packages/frontend/src/pages/admin/security.vue
@@ -70,18 +70,18 @@ SPDX-License-Identifier: AGPL-3.0-only
 					<MkSwitch v-model="emailValidationForm.state.enableVerifymailApi">
 						<template #label>Use Verifymail.io API</template>
 					</MkSwitch>
-					<MkInput v-model="emailValidationForm.state.verifymailAuthKey">
+					<MkInput v-model="emailValidationForm.state.verifymailAuthKey" type="text">
 						<template #prefix><i class="ti ti-key"></i></template>
 						<template #label>Verifymail.io API Auth Key</template>
 					</MkInput>
 					<MkSwitch v-model="emailValidationForm.state.enableTruemailApi">
 						<template #label>Use TrueMail API</template>
 					</MkSwitch>
-					<MkInput v-model="emailValidationForm.state.truemailInstance">
+					<MkInput v-model="emailValidationForm.state.truemailInstance" type="text">
 						<template #prefix><i class="ti ti-key"></i></template>
 						<template #label>TrueMail API Instance</template>
 					</MkInput>
-					<MkInput v-model="emailValidationForm.state.truemailAuthKey">
+					<MkInput v-model="emailValidationForm.state.truemailAuthKey" type="text">
 						<template #prefix><i class="ti ti-key"></i></template>
 						<template #label>TrueMail API Auth Key</template>
 					</MkInput>
diff --git a/packages/frontend/src/pages/admin/server-rules.vue b/packages/frontend/src/pages/admin/server-rules.vue
index 552958af6fdf..227959dbce55 100644
--- a/packages/frontend/src/pages/admin/server-rules.vue
+++ b/packages/frontend/src/pages/admin/server-rules.vue
@@ -26,7 +26,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 								<span :class="$style.itemHandle"><i class="ti ti-menu"/></span>
 								<button class="_button" :class="$style.itemRemove" @click="remove(index)"><i class="ti ti-x"></i></button>
 							</div>
-							<MkInput v-model="serverRules[index]"/>
+							<MkInput v-model="serverRules[index]" type="text"/>
 						</div>
 					</template>
 				</Sortable>
diff --git a/packages/frontend/src/pages/admin/settings.vue b/packages/frontend/src/pages/admin/settings.vue
index ea7603a45adb..e298451a865e 100644
--- a/packages/frontend/src/pages/admin/settings.vue
+++ b/packages/frontend/src/pages/admin/settings.vue
@@ -17,11 +17,11 @@ SPDX-License-Identifier: AGPL-3.0-only
 					</template>
 
 					<div class="_gaps">
-						<MkInput v-model="infoForm.state.name">
+						<MkInput v-model="infoForm.state.name" type="text">
 							<template #label>{{ i18n.ts.instanceName }}<span v-if="infoForm.modifiedStates.name" class="_modified">{{ i18n.ts.modified }}</span></template>
 						</MkInput>
 
-						<MkInput v-model="infoForm.state.shortName">
+						<MkInput v-model="infoForm.state.shortName" type="text">
 							<template #label>{{ i18n.ts._serverSettings.shortName }} ({{ i18n.ts.optional }})<span v-if="infoForm.modifiedStates.shortName" class="_modified">{{ i18n.ts.modified }}</span></template>
 							<template #caption>{{ i18n.ts._serverSettings.shortNameDescription }}</template>
 						</MkInput>
@@ -31,7 +31,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 						</MkTextarea>
 
 						<FormSplit :minWidth="300">
-							<MkInput v-model="infoForm.state.maintainerName">
+							<MkInput v-model="infoForm.state.maintainerName" type="text">
 								<template #label>{{ i18n.ts.maintainerName }}<span v-if="infoForm.modifiedStates.maintainerName" class="_modified">{{ i18n.ts.modified }}</span></template>
 							</MkInput>
 
@@ -124,12 +124,12 @@ SPDX-License-Identifier: AGPL-3.0-only
 						</MkSwitch>
 
 						<template v-if="serviceWorkerForm.state.enableServiceWorker">
-							<MkInput v-model="serviceWorkerForm.state.swPublicKey">
+							<MkInput v-model="serviceWorkerForm.state.swPublicKey" type="text">
 								<template #label>Public key<span v-if="serviceWorkerForm.modifiedStates.swPublicKey" class="_modified">{{ i18n.ts.modified }}</span></template>
 								<template #prefix><i class="ti ti-key"></i></template>
 							</MkInput>
 
-							<MkInput v-model="serviceWorkerForm.state.swPrivateKey">
+							<MkInput v-model="serviceWorkerForm.state.swPrivateKey" type="text">
 								<template #label>Private key<span v-if="serviceWorkerForm.modifiedStates.swPrivateKey" class="_modified">{{ i18n.ts.modified }}</span></template>
 								<template #prefix><i class="ti ti-key"></i></template>
 							</MkInput>
diff --git a/packages/frontend/src/pages/api-console.vue b/packages/frontend/src/pages/api-console.vue
index 30f12a8fb39b..f8d9d5c61da9 100644
--- a/packages/frontend/src/pages/api-console.vue
+++ b/packages/frontend/src/pages/api-console.vue
@@ -9,7 +9,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 	<MkSpacer :contentMax="700">
 		<div class="_gaps_m">
 			<div class="_gaps_m">
-				<MkInput v-model="endpoint" :datalist="endpoints" @update:modelValue="onEndpointChange()">
+				<MkInput v-model="endpoint" :datalist="endpoints" type="text" @update:modelValue="onEndpointChange()">
 					<template #label>Endpoint</template>
 				</MkInput>
 				<MkTextarea v-model="body" code>
diff --git a/packages/frontend/src/pages/avatar-decoration-edit-dialog.vue b/packages/frontend/src/pages/avatar-decoration-edit-dialog.vue
index a834f1c5fd4f..f122b92939b9 100644
--- a/packages/frontend/src/pages/avatar-decoration-edit-dialog.vue
+++ b/packages/frontend/src/pages/avatar-decoration-edit-dialog.vue
@@ -26,10 +26,10 @@ SPDX-License-Identifier: AGPL-3.0-only
 						<MkAvatar style="width: 60px; height: 60px;" :user="$i" :decorations="url != '' ? [{ url }] : []" forceShowDecoration/>
 					</div>
 				</div>
-				<MkInput v-model="name">
+				<MkInput v-model="name" type="text">
 					<template #label>{{ i18n.ts.name }}</template>
 				</MkInput>
-				<MkInput v-model="url">
+				<MkInput v-model="url" type="text">
 					<template #label>{{ i18n.ts.imageUrl }}</template>
 				</MkInput>
 				<MkTextarea v-model="description">
diff --git a/packages/frontend/src/pages/channel-editor.vue b/packages/frontend/src/pages/channel-editor.vue
index 6d8274a55c17..0ef01b82aaa3 100644
--- a/packages/frontend/src/pages/channel-editor.vue
+++ b/packages/frontend/src/pages/channel-editor.vue
@@ -8,7 +8,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 	<template #header><MkPageHeader :actions="headerActions" :tabs="headerTabs"/></template>
 	<MkSpacer :contentMax="700">
 		<div v-if="channelId == null || channel != null" class="_gaps_m">
-			<MkInput v-model="name">
+			<MkInput v-model="name" type="text">
 				<template #label>{{ i18n.ts.name }}</template>
 			</MkInput>
 
diff --git a/packages/frontend/src/pages/channel.vue b/packages/frontend/src/pages/channel.vue
index 655e69461fe0..00dc2f670da4 100644
--- a/packages/frontend/src/pages/channel.vue
+++ b/packages/frontend/src/pages/channel.vue
@@ -47,7 +47,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 			<div v-else-if="tab === 'search'" key="search">
 				<div v-if="notesSearchAvailable" class="_gaps">
 					<div>
-						<MkInput v-model="searchQuery" @enter="search()">
+						<MkInput v-model="searchQuery" type="text" @enter="search()">
 							<template #prefix><i class="ti ti-search"></i></template>
 						</MkInput>
 						<MkButton primary rounded style="margin-top: 8px;" @click="search()">{{ i18n.ts.search }}</MkButton>
@@ -75,6 +75,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 <script lang="ts" setup>
 import { computed, watch, ref } from 'vue';
 import * as Misskey from 'misskey-js';
+import { url } from '@@/js/config.js';
 import MkPostForm from '@/components/MkPostForm.vue';
 import MkTimeline from '@/components/MkTimeline.vue';
 import XChannelFollowButton from '@/components/MkChannelFollowButton.vue';
@@ -85,7 +86,6 @@ import { i18n } from '@/i18n.js';
 import { definePageMetadata } from '@/scripts/page-metadata.js';
 import { deviceKind } from '@/scripts/device-kind.js';
 import MkNotes from '@/components/MkNotes.vue';
-import { url } from '@@/js/config.js';
 import { favoritedChannelsCache } from '@/cache.js';
 import MkButton from '@/components/MkButton.vue';
 import MkInput from '@/components/MkInput.vue';
diff --git a/packages/frontend/src/pages/custom-emojis-manager.vue b/packages/frontend/src/pages/custom-emojis-manager.vue
index 82c6d8df4e98..c4f9413f4326 100644
--- a/packages/frontend/src/pages/custom-emojis-manager.vue
+++ b/packages/frontend/src/pages/custom-emojis-manager.vue
@@ -48,7 +48,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 							<template #prefix><i class="ti ti-search"></i></template>
 							<template #label>{{ i18n.ts.search }}</template>
 						</MkInput>
-						<MkInput v-model="host" :debounce="true">
+						<MkInput v-model="host" :debounce="true" type="text">
 							<template #label>{{ i18n.ts.host }}</template>
 						</MkInput>
 					</FormSplit>
diff --git a/packages/frontend/src/pages/emoji-edit-dialog.vue b/packages/frontend/src/pages/emoji-edit-dialog.vue
index da3315cff51a..7c9ed501dcd5 100644
--- a/packages/frontend/src/pages/emoji-edit-dialog.vue
+++ b/packages/frontend/src/pages/emoji-edit-dialog.vue
@@ -33,20 +33,20 @@ SPDX-License-Identifier: AGPL-3.0-only
 					</div>
 				</div>
 				<MkButton rounded style="margin: 0 auto;" @click="changeImage">{{ i18n.ts.selectFile }}</MkButton>
-				<MkInput v-model="name" pattern="[a-z0-9_]" autocapitalize="off">
+				<MkInput v-model="name" pattern="[a-z0-9_]" autocapitalize="off" type="text">
 					<template #label>{{ i18n.ts.name }}</template>
 				</MkInput>
-				<MkInput v-model="category" :datalist="customEmojiCategories">
+				<MkInput v-model="category" :datalist="customEmojiCategories" type="text">
 					<template #label>{{ i18n.ts.category }}</template>
 				</MkInput>
-				<MkInput v-model="aliases" autocapitalize="off">
+				<MkInput v-model="aliases" autocapitalize="off" type="text">
 					<template #label>{{ i18n.ts.tags }}</template>
 					<template #caption>
 						{{ i18n.ts.theKeywordWhenSearchingForCustomEmoji }}<br/>
 						{{ i18n.ts.setMultipleBySeparatingWithSpace }}
 					</template>
 				</MkInput>
-				<MkInput v-model="license" :mfmAutocomplete="true">
+				<MkInput v-model="license" :mfmAutocomplete="true" type="text">
 					<template #label>{{ i18n.ts.license }}</template>
 				</MkInput>
 				<MkFolder>
diff --git a/packages/frontend/src/pages/flash/flash-edit.vue b/packages/frontend/src/pages/flash/flash-edit.vue
index d84ec4873b9e..68dc3ca323ac 100644
--- a/packages/frontend/src/pages/flash/flash-edit.vue
+++ b/packages/frontend/src/pages/flash/flash-edit.vue
@@ -8,7 +8,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 	<template #header><MkPageHeader :actions="headerActions" :tabs="headerTabs"/></template>
 	<MkSpacer :contentMax="700">
 		<div class="_gaps">
-			<MkInput v-model="title">
+			<MkInput v-model="title" type="text">
 				<template #label>{{ i18n.ts._play.title }}</template>
 			</MkInput>
 			<MkSelect v-model="visibility">
diff --git a/packages/frontend/src/pages/gallery/edit.vue b/packages/frontend/src/pages/gallery/edit.vue
index 70f8b2c31d76..3ad5ab51f4e6 100644
--- a/packages/frontend/src/pages/gallery/edit.vue
+++ b/packages/frontend/src/pages/gallery/edit.vue
@@ -8,7 +8,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 	<template #header><MkPageHeader :actions="headerActions" :tabs="headerTabs"/></template>
 	<MkSpacer :contentMax="800" :marginMin="16" :marginMax="32">
 		<FormSuspense :p="init" class="_gaps">
-			<MkInput v-model="title">
+			<MkInput v-model="title" type="text">
 				<template #label>{{ i18n.ts.title }}</template>
 			</MkInput>
 
diff --git a/packages/frontend/src/pages/my-lists/list.vue b/packages/frontend/src/pages/my-lists/list.vue
index 69e404bd85e8..e46d1d20a480 100644
--- a/packages/frontend/src/pages/my-lists/list.vue
+++ b/packages/frontend/src/pages/my-lists/list.vue
@@ -12,7 +12,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 				<template #label>{{ i18n.ts.settings }}</template>
 
 				<div class="_gaps">
-					<MkInput v-model="name">
+					<MkInput v-model="name" type="text">
 						<template #label>{{ i18n.ts.name }}</template>
 					</MkInput>
 					<MkSwitch v-model="isPublic">{{ i18n.ts.public }}</MkSwitch>
diff --git a/packages/frontend/src/pages/page-editor/els/page-editor.el.note.vue b/packages/frontend/src/pages/page-editor/els/page-editor.el.note.vue
index 36e03b47901f..2402a659a71d 100644
--- a/packages/frontend/src/pages/page-editor/els/page-editor.el.note.vue
+++ b/packages/frontend/src/pages/page-editor/els/page-editor.el.note.vue
@@ -9,7 +9,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 	<template #header><i class="ti ti-note"></i> {{ i18n.ts._pages.blocks.note }}</template>
 
 	<section style="padding: 16px;" class="_gaps_s">
-		<MkInput v-model="id">
+		<MkInput v-model="id" type="text">
 			<template #label>{{ i18n.ts._pages.blocks._note.id }}</template>
 			<template #caption>{{ i18n.ts._pages.blocks._note.idDescription }}</template>
 		</MkInput>
diff --git a/packages/frontend/src/pages/page-editor/page-editor.vue b/packages/frontend/src/pages/page-editor/page-editor.vue
index ddb808390cb0..7b3d4d1f0bda 100644
--- a/packages/frontend/src/pages/page-editor/page-editor.vue
+++ b/packages/frontend/src/pages/page-editor/page-editor.vue
@@ -16,15 +16,15 @@ SPDX-License-Identifier: AGPL-3.0-only
 
 		<div v-if="tab === 'settings'">
 			<div class="_gaps_m">
-				<MkInput v-model="title">
+				<MkInput v-model="title" type="text">
 					<template #label>{{ i18n.ts._pages.title }}</template>
 				</MkInput>
 
-				<MkInput v-model="summary">
+				<MkInput v-model="summary" type="text">
 					<template #label>{{ i18n.ts._pages.summary }}</template>
 				</MkInput>
 
-				<MkInput v-model="name">
+				<MkInput v-model="name" type="text">
 					<template #prefix>{{ url }}/@{{ author.username }}/pages/</template>
 					<template #label>{{ i18n.ts._pages.url }}</template>
 				</MkInput>
diff --git a/packages/frontend/src/pages/settings/2fa.qrdialog.vue b/packages/frontend/src/pages/settings/2fa.qrdialog.vue
index 18c82ffdf697..49a60a62e672 100644
--- a/packages/frontend/src/pages/settings/2fa.qrdialog.vue
+++ b/packages/frontend/src/pages/settings/2fa.qrdialog.vue
@@ -58,7 +58,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 					<MkSpacer :marginMin="20" :marginMax="28">
 						<div class="_gaps">
 							<div>{{ i18n.ts._2fa.step3Title }}</div>
-							<MkInput v-model="token" autocomplete="one-time-code" inputmode="numeric"></MkInput>
+							<MkInput v-model="token" autocomplete="one-time-code" inputmode="numeric" type="text"></MkInput>
 							<div>{{ i18n.ts._2fa.step3 }}</div>
 						</div>
 						<div class="_buttonsCenter" style="margin-top: 16px;">
diff --git a/packages/frontend/src/pages/settings/migration.vue b/packages/frontend/src/pages/settings/migration.vue
index ddc23945dd58..f6a95ca8bdf8 100644
--- a/packages/frontend/src/pages/settings/migration.vue
+++ b/packages/frontend/src/pages/settings/migration.vue
@@ -19,7 +19,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 				<MkButton inline primary @click="save"><i class="ti ti-check"></i> {{ i18n.ts.save }}</MkButton>
 			</div>
 			<div class="_gaps">
-				<MkInput v-for="(_, i) in accountAliases" v-model="accountAliases[i]">
+				<MkInput v-for="(_, i) in accountAliases" v-model="accountAliases[i]" type="text">
 					<template #prefix><i class="ti ti-plane-arrival"></i></template>
 					<template #label>{{ i18n.tsx._accountMigration.moveFromLabel({ n: i + 1 }) }}</template>
 				</MkInput>
@@ -38,7 +38,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 				<FormInfo>{{ i18n.ts._accountMigration.moveAccountHowTo }}</FormInfo>
 				<FormInfo warn>{{ i18n.ts._accountMigration.moveCannotBeUndone }}</FormInfo>
 
-				<MkInput v-model="moveToAccount">
+				<MkInput v-model="moveToAccount" type="text">
 					<template #prefix><i class="ti ti-plane-departure"></i></template>
 					<template #label>{{ i18n.ts._accountMigration.moveToLabel }}</template>
 				</MkInput>
diff --git a/packages/frontend/src/pages/settings/profile.vue b/packages/frontend/src/pages/settings/profile.vue
index 561894d2b77b..e5f50f3e320c 100644
--- a/packages/frontend/src/pages/settings/profile.vue
+++ b/packages/frontend/src/pages/settings/profile.vue
@@ -18,7 +18,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 		</div>
 	</div>
 
-	<MkInput v-model="profile.name" :max="30" manualSave :mfmAutocomplete="['emoji']">
+	<MkInput v-model="profile.name" :max="30" manualSave :mfmAutocomplete="['emoji']" type="text">
 		<template #label>{{ i18n.ts._profile.name }}</template>
 	</MkInput>
 
@@ -27,7 +27,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 		<template #caption>{{ i18n.ts._profile.youCanIncludeHashtags }}</template>
 	</MkTextarea>
 
-	<MkInput v-model="profile.location" manualSave>
+	<MkInput v-model="profile.location" manualSave type="text">
 		<template #label>{{ i18n.ts.location }}</template>
 		<template #prefix><i class="ti ti-map-pin"></i></template>
 	</MkInput>
@@ -73,9 +73,9 @@ SPDX-License-Identifier: AGPL-3.0-only
 							<button v-if="fieldEditMode" :disabled="fields.length <= 1" class="_button" :class="$style.dragItemRemove" @click="deleteField(index)"><i class="ti ti-x"></i></button>
 							<div :class="$style.dragItemForm">
 								<FormSplit :minWidth="200">
-									<MkInput v-model="element.name" small :placeholder="i18n.ts._profile.metadataLabel">
+									<MkInput v-model="element.name" small :placeholder="i18n.ts._profile.metadataLabel" type="text">
 									</MkInput>
-									<MkInput v-model="element.value" small :placeholder="i18n.ts._profile.metadataContent">
+									<MkInput v-model="element.value" small :placeholder="i18n.ts._profile.metadataContent" type="text">
 									</MkInput>
 								</FormSplit>
 							</div>
@@ -87,7 +87,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 		<template #caption>{{ i18n.ts._profile.metadataDescription }}</template>
 	</FormSlot>
 
-	<MkInput v-model="profile.followedMessage" :max="200" manualSave :mfmPreview="false">
+	<MkInput v-model="profile.followedMessage" :max="200" manualSave :mfmPreview="false" type="text">
 		<template #label>{{ i18n.ts._profile.followedMessage }}<span class="_beta">{{ i18n.ts.beta }}</span></template>
 		<template #caption>
 			<div>{{ i18n.ts._profile.followedMessageDescription }}</div>
diff --git a/packages/frontend/src/pages/settings/statusbar.statusbar.vue b/packages/frontend/src/pages/settings/statusbar.statusbar.vue
index 140b6beb14b7..726ba0e2c69e 100644
--- a/packages/frontend/src/pages/settings/statusbar.statusbar.vue
+++ b/packages/frontend/src/pages/settings/statusbar.statusbar.vue
@@ -12,7 +12,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 		<option value="userList">User list timeline</option>
 	</MkSelect>
 
-	<MkInput v-model="statusbar.name" manualSave>
+	<MkInput v-model="statusbar.name" manualSave type="text">
 		<template #label>{{ i18n.ts.label }}</template>
 	</MkInput>
 
diff --git a/packages/frontend/src/pages/settings/theme.manage.vue b/packages/frontend/src/pages/settings/theme.manage.vue
index 579ca6b20be4..6e4bc2840434 100644
--- a/packages/frontend/src/pages/settings/theme.manage.vue
+++ b/packages/frontend/src/pages/settings/theme.manage.vue
@@ -15,7 +15,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 		</optgroup>
 	</MkSelect>
 	<template v-if="selectedTheme">
-		<MkInput readonly :modelValue="selectedTheme.author">
+		<MkInput readonly :modelValue="selectedTheme.author" type="text">
 			<template #label>{{ i18n.ts.author }}</template>
 		</MkInput>
 		<MkTextarea v-if="selectedTheme.desc" readonly :modelValue="selectedTheme.desc">
diff --git a/packages/frontend/src/pages/settings/webhook.edit.vue b/packages/frontend/src/pages/settings/webhook.edit.vue
index 22b008fb6121..9b168562e2f1 100644
--- a/packages/frontend/src/pages/settings/webhook.edit.vue
+++ b/packages/frontend/src/pages/settings/webhook.edit.vue
@@ -5,7 +5,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 
 <template>
 <div class="_gaps_m">
-	<MkInput v-model="name">
+	<MkInput v-model="name" type="text">
 		<template #label>{{ i18n.ts._webhookSettings.name }}</template>
 	</MkInput>
 
@@ -13,7 +13,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 		<template #label>URL</template>
 	</MkInput>
 
-	<MkInput v-model="secret">
+	<MkInput v-model="secret" type="text">
 		<template #prefix><i class="ti ti-lock"></i></template>
 		<template #label>{{ i18n.ts._webhookSettings.secret }}</template>
 	</MkInput>
diff --git a/packages/frontend/src/pages/settings/webhook.new.vue b/packages/frontend/src/pages/settings/webhook.new.vue
index 727c4df2d678..0b3505f159b0 100644
--- a/packages/frontend/src/pages/settings/webhook.new.vue
+++ b/packages/frontend/src/pages/settings/webhook.new.vue
@@ -5,7 +5,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 
 <template>
 <div class="_gaps_m">
-	<MkInput v-model="name">
+	<MkInput v-model="name" type="text">
 		<template #label>{{ i18n.ts._webhookSettings.name }}</template>
 	</MkInput>
 
@@ -13,7 +13,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 		<template #label>URL</template>
 	</MkInput>
 
-	<MkInput v-model="secret">
+	<MkInput v-model="secret" type="text">
 		<template #prefix><i class="ti ti-lock"></i></template>
 		<template #label>{{ i18n.ts._webhookSettings.secret }}</template>
 	</MkInput>
diff --git a/packages/frontend/src/pages/welcome.setup.vue b/packages/frontend/src/pages/welcome.setup.vue
index 33cc139a4592..17de5ff27c63 100644
--- a/packages/frontend/src/pages/welcome.setup.vue
+++ b/packages/frontend/src/pages/welcome.setup.vue
@@ -18,7 +18,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 					<template #label>{{ i18n.ts.initialPasswordForSetup }} <div v-tooltip:dialog="i18n.ts.initialPasswordForSetupDescription" class="_button _help"><i class="ti ti-help-circle"></i></div></template>
 					<template #prefix><i class="ti ti-lock"></i></template>
 				</MkInput>
-				<MkInput v-model="username" pattern="^[a-zA-Z0-9_]{1,20}$" :spellcheck="false" required data-cy-admin-username>
+				<MkInput v-model="username" pattern="^[a-zA-Z0-9_]{1,20}$" :spellcheck="false" required data-cy-admin-username type="text">
 					<template #label>{{ i18n.ts.username }}</template>
 					<template #prefix>@</template>
 					<template #suffix>@{{ host }}</template>

From fece053ba1607ab8813d67e6ed244f674e1c2b21 Mon Sep 17 00:00:00 2001
From: takejohn <takejohn@takejohn.jp>
Date: Mon, 27 Jan 2025 11:01:10 +0900
Subject: [PATCH 12/13] =?UTF-8?q?Revert=20"=E7=9C=81=E7=95=A5=E3=81=95?=
 =?UTF-8?q?=E3=82=8C=E3=81=A6=E3=81=84=E3=81=9Ftype=3D"text"=E3=82=92?=
 =?UTF-8?q?=E8=BF=BD=E5=8A=A0"?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

This reverts commit 42fcdaa235352f0e9edddb8bf0e97c476f75bb6d.
---
 .../src/components/MkAntennaEditor.vue         |  4 ++--
 packages/frontend/src/components/MkAsUi.vue    |  2 +-
 .../components/MkAutocomplete.stories.impl.ts  |  3 ++-
 .../frontend/src/components/MkPollEditor.vue   |  2 +-
 packages/frontend/src/components/MkPreview.vue |  8 ++++----
 .../src/components/MkSystemWebhookEditor.vue   |  6 +++---
 .../src/components/MkTokenGenerateWindow.vue   |  2 +-
 .../MkUserAnnouncementEditDialog.vue           |  2 +-
 .../src/components/MkUserSelectDialog.vue      |  8 ++++----
 .../components/MkUserSetupDialog.Profile.vue   |  6 +++---
 packages/frontend/src/pages/about.emojis.vue   |  2 +-
 .../frontend/src/pages/about.federation.vue    |  2 +-
 .../notification-recipient.editor.vue          |  2 +-
 .../frontend/src/pages/admin/announcements.vue |  2 +-
 .../src/pages/admin/bot-protection.vue         | 18 +++++++++---------
 .../src/pages/admin/email-settings.vue         |  4 ++--
 .../src/pages/admin/external-services.vue      |  2 +-
 .../frontend/src/pages/admin/federation.vue    |  2 +-
 packages/frontend/src/pages/admin/modlog.vue   |  2 +-
 .../src/pages/admin/object-storage.vue         | 10 +++++-----
 .../frontend/src/pages/admin/roles.editor.vue  |  4 ++--
 packages/frontend/src/pages/admin/security.vue |  6 +++---
 .../frontend/src/pages/admin/server-rules.vue  |  2 +-
 packages/frontend/src/pages/admin/settings.vue | 10 +++++-----
 packages/frontend/src/pages/api-console.vue    |  2 +-
 .../pages/avatar-decoration-edit-dialog.vue    |  4 ++--
 packages/frontend/src/pages/channel-editor.vue |  2 +-
 packages/frontend/src/pages/channel.vue        |  4 ++--
 .../src/pages/custom-emojis-manager.vue        |  2 +-
 .../frontend/src/pages/emoji-edit-dialog.vue   |  8 ++++----
 .../frontend/src/pages/flash/flash-edit.vue    |  2 +-
 packages/frontend/src/pages/gallery/edit.vue   |  2 +-
 packages/frontend/src/pages/my-lists/list.vue  |  2 +-
 .../page-editor/els/page-editor.el.note.vue    |  2 +-
 .../src/pages/page-editor/page-editor.vue      |  6 +++---
 .../src/pages/settings/2fa.qrdialog.vue        |  2 +-
 .../frontend/src/pages/settings/migration.vue  |  4 ++--
 .../frontend/src/pages/settings/profile.vue    | 10 +++++-----
 .../src/pages/settings/statusbar.statusbar.vue |  2 +-
 .../src/pages/settings/theme.manage.vue        |  2 +-
 .../src/pages/settings/webhook.edit.vue        |  4 ++--
 .../src/pages/settings/webhook.new.vue         |  4 ++--
 packages/frontend/src/pages/welcome.setup.vue  |  2 +-
 43 files changed, 89 insertions(+), 88 deletions(-)

diff --git a/packages/frontend/src/components/MkAntennaEditor.vue b/packages/frontend/src/components/MkAntennaEditor.vue
index b7aa9fb76015..e622d57f1ecf 100644
--- a/packages/frontend/src/components/MkAntennaEditor.vue
+++ b/packages/frontend/src/components/MkAntennaEditor.vue
@@ -7,7 +7,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 <MkSpacer :contentMax="700">
 	<div>
 		<div class="_gaps_m">
-			<MkInput v-model="name" type="text">
+			<MkInput v-model="name">
 				<template #label>{{ i18n.ts.name }}</template>
 			</MkInput>
 			<MkSelect v-model="src">
@@ -53,7 +53,6 @@ SPDX-License-Identifier: AGPL-3.0-only
 <script lang="ts" setup>
 import { watch, ref } from 'vue';
 import * as Misskey from 'misskey-js';
-import type { DeepPartial } from '@/scripts/merge.js';
 import MkButton from '@/components/MkButton.vue';
 import MkInput from '@/components/MkInput.vue';
 import MkTextarea from '@/components/MkTextarea.vue';
@@ -63,6 +62,7 @@ import * as os from '@/os.js';
 import { misskeyApi } from '@/scripts/misskey-api.js';
 import { i18n } from '@/i18n.js';
 import { deepMerge } from '@/scripts/merge.js';
+import type { DeepPartial } from '@/scripts/merge.js';
 
 type PartialAllowedAntenna = Omit<Misskey.entities.Antenna, 'id' | 'createdAt' | 'updatedAt'> & {
 	id?: string;
diff --git a/packages/frontend/src/components/MkAsUi.vue b/packages/frontend/src/components/MkAsUi.vue
index 7cdd890968c7..365b767bd646 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" type="text" @update:modelValue="c.onInput">
+	<MkInput v-else-if="c.type === 'textInput'" :small="size === 'small'" :modelValue="c.default ?? null" @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/MkAutocomplete.stories.impl.ts b/packages/frontend/src/components/MkAutocomplete.stories.impl.ts
index 2009c43100b2..ec24b8c24052 100644
--- a/packages/frontend/src/components/MkAutocomplete.stories.impl.ts
+++ b/packages/frontend/src/components/MkAutocomplete.stories.impl.ts
@@ -3,6 +3,7 @@
  * SPDX-License-Identifier: AGPL-3.0-only
  */
 
+/* eslint-disable @typescript-eslint/explicit-function-return-type */
 import { action } from '@storybook/addon-actions';
 import { expect, userEvent, waitFor, within } from '@storybook/test';
 import { StoryObj } from '@storybook/vue3';
@@ -60,7 +61,7 @@ const common = {
 					this.textarea = this.$refs.input.$refs.inputEl;
 				},
 			},
-			template: '<MkInput v-model="q" ref="input" @vue:mounted="inputMounted" type="text"/><story v-if="textarea" :q="q" :textarea="textarea"/>',
+			template: '<MkInput v-model="q" ref="input" @vue:mounted="inputMounted"/><story v-if="textarea" :q="q" :textarea="textarea"/>',
 		}),
 	],
 	parameters: {
diff --git a/packages/frontend/src/components/MkPollEditor.vue b/packages/frontend/src/components/MkPollEditor.vue
index 72d967860c91..3726ddf822e3 100644
--- a/packages/frontend/src/components/MkPollEditor.vue
+++ b/packages/frontend/src/components/MkPollEditor.vue
@@ -10,7 +10,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 	</p>
 	<ul>
 		<li v-for="(choice, i) in choices" :key="i">
-			<MkInput class="input" small :modelValue="choice" :placeholder="i18n.tsx._poll.choiceN({ n: i + 1 })" type="text" @update:modelValue="onInput(i, $event)">
+			<MkInput class="input" small :modelValue="choice" :placeholder="i18n.tsx._poll.choiceN({ n: i + 1 })" @update:modelValue="onInput(i, $event)">
 			</MkInput>
 			<button class="_button" @click="remove(i)">
 				<i class="ti ti-x"></i>
diff --git a/packages/frontend/src/components/MkPreview.vue b/packages/frontend/src/components/MkPreview.vue
index 353d0ceccef8..6efd99d14bf5 100644
--- a/packages/frontend/src/components/MkPreview.vue
+++ b/packages/frontend/src/components/MkPreview.vue
@@ -6,7 +6,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 <template>
 <div :class="$style.preview">
 	<div>
-		<MkInput v-model="text" type="text">
+		<MkInput v-model="text">
 			<template #label>Text</template>
 		</MkInput>
 		<MkSwitch v-model="flag" :class="$style.preview__content1__switch_button">
@@ -18,8 +18,8 @@ SPDX-License-Identifier: AGPL-3.0-only
 			<MkRadio v-model="radio" value="pleroma">Pleroma</MkRadio>
 		</div>
 		<div :class="$style.preview__content1__button">
-			<MkButton inline>This is</MkButton>
-			<MkButton inline primary>the button</MkButton>
+		<MkButton inline>This is</MkButton>
+		<MkButton inline primary>the button</MkButton>
 		</div>
 	</div>
 	<div :class="$style.preview__content2" style="pointer-events: none;">
@@ -36,13 +36,13 @@ SPDX-License-Identifier: AGPL-3.0-only
 
 <script lang="ts" setup>
 import { ref } from 'vue';
-import * as config from '@@/js/config.js';
 import MkButton from '@/components/MkButton.vue';
 import MkInput from '@/components/MkInput.vue';
 import MkSwitch from '@/components/MkSwitch.vue';
 import MkTextarea from '@/components/MkTextarea.vue';
 import MkRadio from '@/components/MkRadio.vue';
 import * as os from '@/os.js';
+import * as config from '@@/js/config.js';
 import { $i } from '@/account.js';
 
 const text = ref('');
diff --git a/packages/frontend/src/components/MkSystemWebhookEditor.vue b/packages/frontend/src/components/MkSystemWebhookEditor.vue
index f682c3712441..485d003f93a3 100644
--- a/packages/frontend/src/components/MkSystemWebhookEditor.vue
+++ b/packages/frontend/src/components/MkSystemWebhookEditor.vue
@@ -23,13 +23,13 @@ SPDX-License-Identifier: AGPL-3.0-only
 		<MkSpacer :marginMin="20" :marginMax="28" style="flex-grow: 1;">
 			<MkLoading v-if="loading !== 0"/>
 			<div v-else :class="$style.root" class="_gaps_m">
-				<MkInput v-model="title" type="text">
+				<MkInput v-model="title">
 					<template #label>{{ i18n.ts._webhookSettings.name }}</template>
 				</MkInput>
-				<MkInput v-model="url" type="text">
+				<MkInput v-model="url">
 					<template #label>URL</template>
 				</MkInput>
-				<MkInput v-model="secret" type="text">
+				<MkInput v-model="secret">
 					<template #label>{{ i18n.ts._webhookSettings.secret }}</template>
 				</MkInput>
 				<MkFolder :defaultOpen="true">
diff --git a/packages/frontend/src/components/MkTokenGenerateWindow.vue b/packages/frontend/src/components/MkTokenGenerateWindow.vue
index 3b730ecf0826..73aef6896483 100644
--- a/packages/frontend/src/components/MkTokenGenerateWindow.vue
+++ b/packages/frontend/src/components/MkTokenGenerateWindow.vue
@@ -23,7 +23,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 				<MkInfo warn>{{ information }}</MkInfo>
 			</div>
 			<div>
-				<MkInput v-model="name" type="text">
+				<MkInput v-model="name">
 					<template #label>{{ i18n.ts.name }}</template>
 				</MkInput>
 			</div>
diff --git a/packages/frontend/src/components/MkUserAnnouncementEditDialog.vue b/packages/frontend/src/components/MkUserAnnouncementEditDialog.vue
index 9f2f77345030..fe499fabbf1e 100644
--- a/packages/frontend/src/components/MkUserAnnouncementEditDialog.vue
+++ b/packages/frontend/src/components/MkUserAnnouncementEditDialog.vue
@@ -16,7 +16,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 	<div>
 		<MkSpacer :marginMin="20" :marginMax="28">
 			<div class="_gaps_m">
-				<MkInput v-model="title" type="text">
+				<MkInput v-model="title">
 					<template #label>{{ i18n.ts.title }}</template>
 				</MkInput>
 				<MkTextarea v-model="text">
diff --git a/packages/frontend/src/components/MkUserSelectDialog.vue b/packages/frontend/src/components/MkUserSelectDialog.vue
index a40bbb0150ec..63af652cbc97 100644
--- a/packages/frontend/src/components/MkUserSelectDialog.vue
+++ b/packages/frontend/src/components/MkUserSelectDialog.vue
@@ -16,16 +16,16 @@ SPDX-License-Identifier: AGPL-3.0-only
 	<template #header>{{ i18n.ts.selectUser }}</template>
 	<div>
 		<div :class="$style.form">
-			<MkInput v-if="computedLocalOnly" v-model="username" :autofocus="true" type="text" @update:modelValue="search">
+			<MkInput v-if="computedLocalOnly" v-model="username" :autofocus="true" @update:modelValue="search">
 				<template #label>{{ i18n.ts.username }}</template>
 				<template #prefix>@</template>
 			</MkInput>
 			<FormSplit v-else :minWidth="170">
-				<MkInput v-model="username" :autofocus="true" type="text" @update:modelValue="search">
+				<MkInput v-model="username" :autofocus="true" @update:modelValue="search">
 					<template #label>{{ i18n.ts.username }}</template>
 					<template #prefix>@</template>
 				</MkInput>
-				<MkInput v-model="host" :datalist="[hostname]" type="text" @update:modelValue="search">
+				<MkInput v-model="host" :datalist="[hostname]" @update:modelValue="search">
 					<template #label>{{ i18n.ts.host }}</template>
 					<template #prefix>@</template>
 				</MkInput>
@@ -63,7 +63,6 @@ SPDX-License-Identifier: AGPL-3.0-only
 <script lang="ts" setup>
 import { onMounted, ref, computed, shallowRef } from 'vue';
 import * as Misskey from 'misskey-js';
-import { host as currentHost, hostname } from '@@/js/config.js';
 import MkInput from '@/components/MkInput.vue';
 import FormSplit from '@/components/form/split.vue';
 import MkModalWindow from '@/components/MkModalWindow.vue';
@@ -72,6 +71,7 @@ import { defaultStore } from '@/store.js';
 import { i18n } from '@/i18n.js';
 import { $i } from '@/account.js';
 import { instance } from '@/instance.js';
+import { host as currentHost, hostname } from '@@/js/config.js';
 
 const emit = defineEmits<{
 	(ev: 'ok', selected: Misskey.entities.UserDetailed): void;
diff --git a/packages/frontend/src/components/MkUserSetupDialog.Profile.vue b/packages/frontend/src/components/MkUserSetupDialog.Profile.vue
index d5f662ef17fc..7cb48f6afb81 100644
--- a/packages/frontend/src/components/MkUserSetupDialog.Profile.vue
+++ b/packages/frontend/src/components/MkUserSetupDialog.Profile.vue
@@ -17,7 +17,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 		</div>
 	</FormSlot>
 
-	<MkInput v-model="name" :max="30" manualSave data-cy-user-setup-user-name type="text">
+	<MkInput v-model="name" :max="30" manualSave data-cy-user-setup-user-name>
 		<template #label>{{ i18n.ts._profile.name }}</template>
 	</MkInput>
 
@@ -49,7 +49,7 @@ const description = ref($i.description ?? '');
 watch(name, () => {
 	os.apiWithDialog('i/update', {
 		// 空文字列をnullにしたいので??は使うな
-
+		// eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing
 		name: name.value || null,
 	}, undefined, {
 		'0b3f9f6a-2f4d-4b1f-9fb4-49d3a2fd7191': {
@@ -62,7 +62,7 @@ watch(name, () => {
 watch(description, () => {
 	os.apiWithDialog('i/update', {
 		// 空文字列をnullにしたいので??は使うな
-
+		// eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing
 		description: description.value || null,
 	});
 });
diff --git a/packages/frontend/src/pages/about.emojis.vue b/packages/frontend/src/pages/about.emojis.vue
index 5ee38bf9dbad..d7d526f3bad7 100644
--- a/packages/frontend/src/pages/about.emojis.vue
+++ b/packages/frontend/src/pages/about.emojis.vue
@@ -8,7 +8,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 	<MkButton v-if="$i && ($i.isModerator || $i.policies.canManageCustomEmojis)" primary link to="/custom-emojis-manager">{{ i18n.ts.manageCustomEmojis }}</MkButton>
 
 	<div class="query">
-		<MkInput v-model="q" class="" :placeholder="i18n.ts.search" autocapitalize="off" type="text">
+		<MkInput v-model="q" class="" :placeholder="i18n.ts.search" autocapitalize="off">
 			<template #prefix><i class="ti ti-search"></i></template>
 		</MkInput>
 
diff --git a/packages/frontend/src/pages/about.federation.vue b/packages/frontend/src/pages/about.federation.vue
index f8e15b3e3d43..0a7cb8a50b99 100644
--- a/packages/frontend/src/pages/about.federation.vue
+++ b/packages/frontend/src/pages/about.federation.vue
@@ -6,7 +6,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 <template>
 <div class="_gaps">
 	<div>
-		<MkInput v-model="host" :debounce="true" class="" type="text">
+		<MkInput v-model="host" :debounce="true" class="">
 			<template #prefix><i class="ti ti-search"></i></template>
 			<template #label>{{ i18n.ts.host }}</template>
 		</MkInput>
diff --git a/packages/frontend/src/pages/admin/abuse-report/notification-recipient.editor.vue b/packages/frontend/src/pages/admin/abuse-report/notification-recipient.editor.vue
index d6990e06049f..eef24afd3223 100644
--- a/packages/frontend/src/pages/admin/abuse-report/notification-recipient.editor.vue
+++ b/packages/frontend/src/pages/admin/abuse-report/notification-recipient.editor.vue
@@ -19,7 +19,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 	<div v-if="loading === 0" style="display: flex; flex-direction: column; min-height: 100%;">
 		<MkSpacer :marginMin="20" :marginMax="28" style="flex-grow: 1;">
 			<div :class="$style.root" class="_gaps_m">
-				<MkInput v-model="title" type="text">
+				<MkInput v-model="title">
 					<template #label>{{ i18n.ts.title }}</template>
 				</MkInput>
 				<MkSelect v-model="method">
diff --git a/packages/frontend/src/pages/admin/announcements.vue b/packages/frontend/src/pages/admin/announcements.vue
index 9c2de0d8b80f..e42058601721 100644
--- a/packages/frontend/src/pages/admin/announcements.vue
+++ b/packages/frontend/src/pages/admin/announcements.vue
@@ -39,7 +39,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 					</template>
 
 					<div class="_gaps">
-						<MkInput v-model="announcement.title" type="text">
+						<MkInput v-model="announcement.title">
 							<template #label>{{ i18n.ts.title }}</template>
 						</MkInput>
 						<MkTextarea v-model="announcement.text" mfmAutocomplete :mfmPreview="true">
diff --git a/packages/frontend/src/pages/admin/bot-protection.vue b/packages/frontend/src/pages/admin/bot-protection.vue
index a2887b94d1aa..498cf1394309 100644
--- a/packages/frontend/src/pages/admin/bot-protection.vue
+++ b/packages/frontend/src/pages/admin/bot-protection.vue
@@ -28,11 +28,11 @@ SPDX-License-Identifier: AGPL-3.0-only
 		</MkRadios>
 
 		<template v-if="botProtectionForm.state.provider === 'hcaptcha'">
-			<MkInput v-model="botProtectionForm.state.hcaptchaSiteKey" debounce type="text">
+			<MkInput v-model="botProtectionForm.state.hcaptchaSiteKey" debounce>
 				<template #prefix><i class="ti ti-key"></i></template>
 				<template #label>{{ i18n.ts.hcaptchaSiteKey }}</template>
 			</MkInput>
-			<MkInput v-model="botProtectionForm.state.hcaptchaSecretKey" debounce type="text">
+			<MkInput v-model="botProtectionForm.state.hcaptchaSecretKey" debounce>
 				<template #prefix><i class="ti ti-key"></i></template>
 				<template #label>{{ i18n.ts.hcaptchaSecretKey }}</template>
 			</MkInput>
@@ -56,15 +56,15 @@ SPDX-License-Identifier: AGPL-3.0-only
 		</template>
 
 		<template v-else-if="botProtectionForm.state.provider === 'mcaptcha'">
-			<MkInput v-model="botProtectionForm.state.mcaptchaSiteKey" debounce type="text">
+			<MkInput v-model="botProtectionForm.state.mcaptchaSiteKey" debounce>
 				<template #prefix><i class="ti ti-key"></i></template>
 				<template #label>{{ i18n.ts.mcaptchaSiteKey }}</template>
 			</MkInput>
-			<MkInput v-model="botProtectionForm.state.mcaptchaSecretKey" debounce type="text">
+			<MkInput v-model="botProtectionForm.state.mcaptchaSecretKey" debounce>
 				<template #prefix><i class="ti ti-key"></i></template>
 				<template #label>{{ i18n.ts.mcaptchaSecretKey }}</template>
 			</MkInput>
-			<MkInput v-model="botProtectionForm.state.mcaptchaInstanceUrl" debounce type="text">
+			<MkInput v-model="botProtectionForm.state.mcaptchaInstanceUrl" debounce>
 				<template #prefix><i class="ti ti-link"></i></template>
 				<template #label>{{ i18n.ts.mcaptchaInstanceUrl }}</template>
 			</MkInput>
@@ -81,11 +81,11 @@ SPDX-License-Identifier: AGPL-3.0-only
 		</template>
 
 		<template v-else-if="botProtectionForm.state.provider === 'recaptcha'">
-			<MkInput v-model="botProtectionForm.state.recaptchaSiteKey" debounce type="text">
+			<MkInput v-model="botProtectionForm.state.recaptchaSiteKey" debounce>
 				<template #prefix><i class="ti ti-key"></i></template>
 				<template #label>{{ i18n.ts.recaptchaSiteKey }}</template>
 			</MkInput>
-			<MkInput v-model="botProtectionForm.state.recaptchaSecretKey" debounce type="text">
+			<MkInput v-model="botProtectionForm.state.recaptchaSecretKey" debounce>
 				<template #prefix><i class="ti ti-key"></i></template>
 				<template #label>{{ i18n.ts.recaptchaSecretKey }}</template>
 			</MkInput>
@@ -113,11 +113,11 @@ SPDX-License-Identifier: AGPL-3.0-only
 		</template>
 
 		<template v-else-if="botProtectionForm.state.provider === 'turnstile'">
-			<MkInput v-model="botProtectionForm.state.turnstileSiteKey" debounce type="text">
+			<MkInput v-model="botProtectionForm.state.turnstileSiteKey" debounce>
 				<template #prefix><i class="ti ti-key"></i></template>
 				<template #label>{{ i18n.ts.turnstileSiteKey }}</template>
 			</MkInput>
-			<MkInput v-model="botProtectionForm.state.turnstileSecretKey" debounce type="text">
+			<MkInput v-model="botProtectionForm.state.turnstileSecretKey" debounce>
 				<template #prefix><i class="ti ti-key"></i></template>
 				<template #label>{{ i18n.ts.turnstileSecretKey }}</template>
 			</MkInput>
diff --git a/packages/frontend/src/pages/admin/email-settings.vue b/packages/frontend/src/pages/admin/email-settings.vue
index 0f4073abfdb6..5b60e67dac70 100644
--- a/packages/frontend/src/pages/admin/email-settings.vue
+++ b/packages/frontend/src/pages/admin/email-settings.vue
@@ -24,7 +24,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 
 						<div class="_gaps_m">
 							<FormSplit :minWidth="280">
-								<MkInput v-model="smtpHost" type="text">
+								<MkInput v-model="smtpHost">
 									<template #label>{{ i18n.ts.smtpHost }}</template>
 								</MkInput>
 								<MkInput v-model="smtpPort" type="number">
@@ -32,7 +32,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 								</MkInput>
 							</FormSplit>
 							<FormSplit :minWidth="280">
-								<MkInput v-model="smtpUser" type="text">
+								<MkInput v-model="smtpUser">
 									<template #label>{{ i18n.ts.smtpUser }}</template>
 								</MkInput>
 								<MkInput v-model="smtpPass" type="password">
diff --git a/packages/frontend/src/pages/admin/external-services.vue b/packages/frontend/src/pages/admin/external-services.vue
index bde858f03eaa..91f41166e990 100644
--- a/packages/frontend/src/pages/admin/external-services.vue
+++ b/packages/frontend/src/pages/admin/external-services.vue
@@ -12,7 +12,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 				<template #label>DeepL Translation</template>
 
 				<div class="_gaps_m">
-					<MkInput v-model="deeplAuthKey" type="text">
+					<MkInput v-model="deeplAuthKey">
 						<template #prefix><i class="ti ti-key"></i></template>
 						<template #label>DeepL Auth Key</template>
 					</MkInput>
diff --git a/packages/frontend/src/pages/admin/federation.vue b/packages/frontend/src/pages/admin/federation.vue
index 282b2f98b60b..e7b9fd86212d 100644
--- a/packages/frontend/src/pages/admin/federation.vue
+++ b/packages/frontend/src/pages/admin/federation.vue
@@ -10,7 +10,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 		<MkSpacer :contentMax="900">
 			<div class="_gaps">
 				<div>
-					<MkInput v-model="host" :debounce="true" class="" type="text">
+					<MkInput v-model="host" :debounce="true" class="">
 						<template #prefix><i class="ti ti-search"></i></template>
 						<template #label>{{ i18n.ts.host }}</template>
 					</MkInput>
diff --git a/packages/frontend/src/pages/admin/modlog.vue b/packages/frontend/src/pages/admin/modlog.vue
index a9408d624931..c9eaf0753129 100644
--- a/packages/frontend/src/pages/admin/modlog.vue
+++ b/packages/frontend/src/pages/admin/modlog.vue
@@ -14,7 +14,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 					<option :value="null">{{ i18n.ts.all }}</option>
 					<option v-for="t in Misskey.moderationLogTypes" :key="t" :value="t">{{ i18n.ts._moderationLogTypes[t] ?? t }}</option>
 				</MkSelect>
-				<MkInput v-model="moderatorId" style="margin: 0; flex: 1;" type="text">
+				<MkInput v-model="moderatorId" style="margin: 0; flex: 1;">
 					<template #label>{{ i18n.ts.moderator }}(ID)</template>
 				</MkInput>
 			</div>
diff --git a/packages/frontend/src/pages/admin/object-storage.vue b/packages/frontend/src/pages/admin/object-storage.vue
index 3ccb681c9837..d5a664934cf2 100644
--- a/packages/frontend/src/pages/admin/object-storage.vue
+++ b/packages/frontend/src/pages/admin/object-storage.vue
@@ -17,29 +17,29 @@ SPDX-License-Identifier: AGPL-3.0-only
 						<template #caption>{{ i18n.ts.objectStorageBaseUrlDesc }}</template>
 					</MkInput>
 
-					<MkInput v-model="objectStorageBucket" type="text">
+					<MkInput v-model="objectStorageBucket">
 						<template #label>{{ i18n.ts.objectStorageBucket }}</template>
 						<template #caption>{{ i18n.ts.objectStorageBucketDesc }}</template>
 					</MkInput>
 
-					<MkInput v-model="objectStoragePrefix" type="text">
+					<MkInput v-model="objectStoragePrefix">
 						<template #label>{{ i18n.ts.objectStoragePrefix }}</template>
 						<template #caption>{{ i18n.ts.objectStoragePrefixDesc }}</template>
 					</MkInput>
 
-					<MkInput v-model="objectStorageEndpoint" :placeholder="'example.com'" type="text">
+					<MkInput v-model="objectStorageEndpoint" :placeholder="'example.com'">
 						<template #label>{{ i18n.ts.objectStorageEndpoint }}</template>
 						<template #prefix>https://</template>
 						<template #caption>{{ i18n.ts.objectStorageEndpointDesc }}</template>
 					</MkInput>
 
-					<MkInput v-model="objectStorageRegion" type="text">
+					<MkInput v-model="objectStorageRegion">
 						<template #label>{{ i18n.ts.objectStorageRegion }}</template>
 						<template #caption>{{ i18n.ts.objectStorageRegionDesc }}</template>
 					</MkInput>
 
 					<FormSplit :minWidth="280">
-						<MkInput v-model="objectStorageAccessKey" type="text">
+						<MkInput v-model="objectStorageAccessKey">
 							<template #prefix><i class="ti ti-key"></i></template>
 							<template #label>Access key</template>
 						</MkInput>
diff --git a/packages/frontend/src/pages/admin/roles.editor.vue b/packages/frontend/src/pages/admin/roles.editor.vue
index bade69eca6d5..ae01432d0c74 100644
--- a/packages/frontend/src/pages/admin/roles.editor.vue
+++ b/packages/frontend/src/pages/admin/roles.editor.vue
@@ -5,11 +5,11 @@ SPDX-License-Identifier: AGPL-3.0-only
 
 <template>
 <div class="_gaps">
-	<MkInput v-if="readonly" :modelValue="role.id" :readonly="true" type="text">
+	<MkInput v-if="readonly" :modelValue="role.id" :readonly="true">
 		<template #label>ID</template>
 	</MkInput>
 
-	<MkInput v-model="role.name" :readonly="readonly" type="text">
+	<MkInput v-model="role.name" :readonly="readonly">
 		<template #label>{{ i18n.ts._role.name }}</template>
 	</MkInput>
 
diff --git a/packages/frontend/src/pages/admin/security.vue b/packages/frontend/src/pages/admin/security.vue
index e414a29a8bb7..975a4a126502 100644
--- a/packages/frontend/src/pages/admin/security.vue
+++ b/packages/frontend/src/pages/admin/security.vue
@@ -70,18 +70,18 @@ SPDX-License-Identifier: AGPL-3.0-only
 					<MkSwitch v-model="emailValidationForm.state.enableVerifymailApi">
 						<template #label>Use Verifymail.io API</template>
 					</MkSwitch>
-					<MkInput v-model="emailValidationForm.state.verifymailAuthKey" type="text">
+					<MkInput v-model="emailValidationForm.state.verifymailAuthKey">
 						<template #prefix><i class="ti ti-key"></i></template>
 						<template #label>Verifymail.io API Auth Key</template>
 					</MkInput>
 					<MkSwitch v-model="emailValidationForm.state.enableTruemailApi">
 						<template #label>Use TrueMail API</template>
 					</MkSwitch>
-					<MkInput v-model="emailValidationForm.state.truemailInstance" type="text">
+					<MkInput v-model="emailValidationForm.state.truemailInstance">
 						<template #prefix><i class="ti ti-key"></i></template>
 						<template #label>TrueMail API Instance</template>
 					</MkInput>
-					<MkInput v-model="emailValidationForm.state.truemailAuthKey" type="text">
+					<MkInput v-model="emailValidationForm.state.truemailAuthKey">
 						<template #prefix><i class="ti ti-key"></i></template>
 						<template #label>TrueMail API Auth Key</template>
 					</MkInput>
diff --git a/packages/frontend/src/pages/admin/server-rules.vue b/packages/frontend/src/pages/admin/server-rules.vue
index 227959dbce55..552958af6fdf 100644
--- a/packages/frontend/src/pages/admin/server-rules.vue
+++ b/packages/frontend/src/pages/admin/server-rules.vue
@@ -26,7 +26,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 								<span :class="$style.itemHandle"><i class="ti ti-menu"/></span>
 								<button class="_button" :class="$style.itemRemove" @click="remove(index)"><i class="ti ti-x"></i></button>
 							</div>
-							<MkInput v-model="serverRules[index]" type="text"/>
+							<MkInput v-model="serverRules[index]"/>
 						</div>
 					</template>
 				</Sortable>
diff --git a/packages/frontend/src/pages/admin/settings.vue b/packages/frontend/src/pages/admin/settings.vue
index e298451a865e..ea7603a45adb 100644
--- a/packages/frontend/src/pages/admin/settings.vue
+++ b/packages/frontend/src/pages/admin/settings.vue
@@ -17,11 +17,11 @@ SPDX-License-Identifier: AGPL-3.0-only
 					</template>
 
 					<div class="_gaps">
-						<MkInput v-model="infoForm.state.name" type="text">
+						<MkInput v-model="infoForm.state.name">
 							<template #label>{{ i18n.ts.instanceName }}<span v-if="infoForm.modifiedStates.name" class="_modified">{{ i18n.ts.modified }}</span></template>
 						</MkInput>
 
-						<MkInput v-model="infoForm.state.shortName" type="text">
+						<MkInput v-model="infoForm.state.shortName">
 							<template #label>{{ i18n.ts._serverSettings.shortName }} ({{ i18n.ts.optional }})<span v-if="infoForm.modifiedStates.shortName" class="_modified">{{ i18n.ts.modified }}</span></template>
 							<template #caption>{{ i18n.ts._serverSettings.shortNameDescription }}</template>
 						</MkInput>
@@ -31,7 +31,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 						</MkTextarea>
 
 						<FormSplit :minWidth="300">
-							<MkInput v-model="infoForm.state.maintainerName" type="text">
+							<MkInput v-model="infoForm.state.maintainerName">
 								<template #label>{{ i18n.ts.maintainerName }}<span v-if="infoForm.modifiedStates.maintainerName" class="_modified">{{ i18n.ts.modified }}</span></template>
 							</MkInput>
 
@@ -124,12 +124,12 @@ SPDX-License-Identifier: AGPL-3.0-only
 						</MkSwitch>
 
 						<template v-if="serviceWorkerForm.state.enableServiceWorker">
-							<MkInput v-model="serviceWorkerForm.state.swPublicKey" type="text">
+							<MkInput v-model="serviceWorkerForm.state.swPublicKey">
 								<template #label>Public key<span v-if="serviceWorkerForm.modifiedStates.swPublicKey" class="_modified">{{ i18n.ts.modified }}</span></template>
 								<template #prefix><i class="ti ti-key"></i></template>
 							</MkInput>
 
-							<MkInput v-model="serviceWorkerForm.state.swPrivateKey" type="text">
+							<MkInput v-model="serviceWorkerForm.state.swPrivateKey">
 								<template #label>Private key<span v-if="serviceWorkerForm.modifiedStates.swPrivateKey" class="_modified">{{ i18n.ts.modified }}</span></template>
 								<template #prefix><i class="ti ti-key"></i></template>
 							</MkInput>
diff --git a/packages/frontend/src/pages/api-console.vue b/packages/frontend/src/pages/api-console.vue
index f8d9d5c61da9..30f12a8fb39b 100644
--- a/packages/frontend/src/pages/api-console.vue
+++ b/packages/frontend/src/pages/api-console.vue
@@ -9,7 +9,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 	<MkSpacer :contentMax="700">
 		<div class="_gaps_m">
 			<div class="_gaps_m">
-				<MkInput v-model="endpoint" :datalist="endpoints" type="text" @update:modelValue="onEndpointChange()">
+				<MkInput v-model="endpoint" :datalist="endpoints" @update:modelValue="onEndpointChange()">
 					<template #label>Endpoint</template>
 				</MkInput>
 				<MkTextarea v-model="body" code>
diff --git a/packages/frontend/src/pages/avatar-decoration-edit-dialog.vue b/packages/frontend/src/pages/avatar-decoration-edit-dialog.vue
index f122b92939b9..a834f1c5fd4f 100644
--- a/packages/frontend/src/pages/avatar-decoration-edit-dialog.vue
+++ b/packages/frontend/src/pages/avatar-decoration-edit-dialog.vue
@@ -26,10 +26,10 @@ SPDX-License-Identifier: AGPL-3.0-only
 						<MkAvatar style="width: 60px; height: 60px;" :user="$i" :decorations="url != '' ? [{ url }] : []" forceShowDecoration/>
 					</div>
 				</div>
-				<MkInput v-model="name" type="text">
+				<MkInput v-model="name">
 					<template #label>{{ i18n.ts.name }}</template>
 				</MkInput>
-				<MkInput v-model="url" type="text">
+				<MkInput v-model="url">
 					<template #label>{{ i18n.ts.imageUrl }}</template>
 				</MkInput>
 				<MkTextarea v-model="description">
diff --git a/packages/frontend/src/pages/channel-editor.vue b/packages/frontend/src/pages/channel-editor.vue
index 0ef01b82aaa3..6d8274a55c17 100644
--- a/packages/frontend/src/pages/channel-editor.vue
+++ b/packages/frontend/src/pages/channel-editor.vue
@@ -8,7 +8,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 	<template #header><MkPageHeader :actions="headerActions" :tabs="headerTabs"/></template>
 	<MkSpacer :contentMax="700">
 		<div v-if="channelId == null || channel != null" class="_gaps_m">
-			<MkInput v-model="name" type="text">
+			<MkInput v-model="name">
 				<template #label>{{ i18n.ts.name }}</template>
 			</MkInput>
 
diff --git a/packages/frontend/src/pages/channel.vue b/packages/frontend/src/pages/channel.vue
index 00dc2f670da4..655e69461fe0 100644
--- a/packages/frontend/src/pages/channel.vue
+++ b/packages/frontend/src/pages/channel.vue
@@ -47,7 +47,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 			<div v-else-if="tab === 'search'" key="search">
 				<div v-if="notesSearchAvailable" class="_gaps">
 					<div>
-						<MkInput v-model="searchQuery" type="text" @enter="search()">
+						<MkInput v-model="searchQuery" @enter="search()">
 							<template #prefix><i class="ti ti-search"></i></template>
 						</MkInput>
 						<MkButton primary rounded style="margin-top: 8px;" @click="search()">{{ i18n.ts.search }}</MkButton>
@@ -75,7 +75,6 @@ SPDX-License-Identifier: AGPL-3.0-only
 <script lang="ts" setup>
 import { computed, watch, ref } from 'vue';
 import * as Misskey from 'misskey-js';
-import { url } from '@@/js/config.js';
 import MkPostForm from '@/components/MkPostForm.vue';
 import MkTimeline from '@/components/MkTimeline.vue';
 import XChannelFollowButton from '@/components/MkChannelFollowButton.vue';
@@ -86,6 +85,7 @@ import { i18n } from '@/i18n.js';
 import { definePageMetadata } from '@/scripts/page-metadata.js';
 import { deviceKind } from '@/scripts/device-kind.js';
 import MkNotes from '@/components/MkNotes.vue';
+import { url } from '@@/js/config.js';
 import { favoritedChannelsCache } from '@/cache.js';
 import MkButton from '@/components/MkButton.vue';
 import MkInput from '@/components/MkInput.vue';
diff --git a/packages/frontend/src/pages/custom-emojis-manager.vue b/packages/frontend/src/pages/custom-emojis-manager.vue
index c4f9413f4326..82c6d8df4e98 100644
--- a/packages/frontend/src/pages/custom-emojis-manager.vue
+++ b/packages/frontend/src/pages/custom-emojis-manager.vue
@@ -48,7 +48,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 							<template #prefix><i class="ti ti-search"></i></template>
 							<template #label>{{ i18n.ts.search }}</template>
 						</MkInput>
-						<MkInput v-model="host" :debounce="true" type="text">
+						<MkInput v-model="host" :debounce="true">
 							<template #label>{{ i18n.ts.host }}</template>
 						</MkInput>
 					</FormSplit>
diff --git a/packages/frontend/src/pages/emoji-edit-dialog.vue b/packages/frontend/src/pages/emoji-edit-dialog.vue
index 7c9ed501dcd5..da3315cff51a 100644
--- a/packages/frontend/src/pages/emoji-edit-dialog.vue
+++ b/packages/frontend/src/pages/emoji-edit-dialog.vue
@@ -33,20 +33,20 @@ SPDX-License-Identifier: AGPL-3.0-only
 					</div>
 				</div>
 				<MkButton rounded style="margin: 0 auto;" @click="changeImage">{{ i18n.ts.selectFile }}</MkButton>
-				<MkInput v-model="name" pattern="[a-z0-9_]" autocapitalize="off" type="text">
+				<MkInput v-model="name" pattern="[a-z0-9_]" autocapitalize="off">
 					<template #label>{{ i18n.ts.name }}</template>
 				</MkInput>
-				<MkInput v-model="category" :datalist="customEmojiCategories" type="text">
+				<MkInput v-model="category" :datalist="customEmojiCategories">
 					<template #label>{{ i18n.ts.category }}</template>
 				</MkInput>
-				<MkInput v-model="aliases" autocapitalize="off" type="text">
+				<MkInput v-model="aliases" autocapitalize="off">
 					<template #label>{{ i18n.ts.tags }}</template>
 					<template #caption>
 						{{ i18n.ts.theKeywordWhenSearchingForCustomEmoji }}<br/>
 						{{ i18n.ts.setMultipleBySeparatingWithSpace }}
 					</template>
 				</MkInput>
-				<MkInput v-model="license" :mfmAutocomplete="true" type="text">
+				<MkInput v-model="license" :mfmAutocomplete="true">
 					<template #label>{{ i18n.ts.license }}</template>
 				</MkInput>
 				<MkFolder>
diff --git a/packages/frontend/src/pages/flash/flash-edit.vue b/packages/frontend/src/pages/flash/flash-edit.vue
index 68dc3ca323ac..d84ec4873b9e 100644
--- a/packages/frontend/src/pages/flash/flash-edit.vue
+++ b/packages/frontend/src/pages/flash/flash-edit.vue
@@ -8,7 +8,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 	<template #header><MkPageHeader :actions="headerActions" :tabs="headerTabs"/></template>
 	<MkSpacer :contentMax="700">
 		<div class="_gaps">
-			<MkInput v-model="title" type="text">
+			<MkInput v-model="title">
 				<template #label>{{ i18n.ts._play.title }}</template>
 			</MkInput>
 			<MkSelect v-model="visibility">
diff --git a/packages/frontend/src/pages/gallery/edit.vue b/packages/frontend/src/pages/gallery/edit.vue
index 3ad5ab51f4e6..70f8b2c31d76 100644
--- a/packages/frontend/src/pages/gallery/edit.vue
+++ b/packages/frontend/src/pages/gallery/edit.vue
@@ -8,7 +8,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 	<template #header><MkPageHeader :actions="headerActions" :tabs="headerTabs"/></template>
 	<MkSpacer :contentMax="800" :marginMin="16" :marginMax="32">
 		<FormSuspense :p="init" class="_gaps">
-			<MkInput v-model="title" type="text">
+			<MkInput v-model="title">
 				<template #label>{{ i18n.ts.title }}</template>
 			</MkInput>
 
diff --git a/packages/frontend/src/pages/my-lists/list.vue b/packages/frontend/src/pages/my-lists/list.vue
index e46d1d20a480..69e404bd85e8 100644
--- a/packages/frontend/src/pages/my-lists/list.vue
+++ b/packages/frontend/src/pages/my-lists/list.vue
@@ -12,7 +12,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 				<template #label>{{ i18n.ts.settings }}</template>
 
 				<div class="_gaps">
-					<MkInput v-model="name" type="text">
+					<MkInput v-model="name">
 						<template #label>{{ i18n.ts.name }}</template>
 					</MkInput>
 					<MkSwitch v-model="isPublic">{{ i18n.ts.public }}</MkSwitch>
diff --git a/packages/frontend/src/pages/page-editor/els/page-editor.el.note.vue b/packages/frontend/src/pages/page-editor/els/page-editor.el.note.vue
index 2402a659a71d..36e03b47901f 100644
--- a/packages/frontend/src/pages/page-editor/els/page-editor.el.note.vue
+++ b/packages/frontend/src/pages/page-editor/els/page-editor.el.note.vue
@@ -9,7 +9,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 	<template #header><i class="ti ti-note"></i> {{ i18n.ts._pages.blocks.note }}</template>
 
 	<section style="padding: 16px;" class="_gaps_s">
-		<MkInput v-model="id" type="text">
+		<MkInput v-model="id">
 			<template #label>{{ i18n.ts._pages.blocks._note.id }}</template>
 			<template #caption>{{ i18n.ts._pages.blocks._note.idDescription }}</template>
 		</MkInput>
diff --git a/packages/frontend/src/pages/page-editor/page-editor.vue b/packages/frontend/src/pages/page-editor/page-editor.vue
index 7b3d4d1f0bda..ddb808390cb0 100644
--- a/packages/frontend/src/pages/page-editor/page-editor.vue
+++ b/packages/frontend/src/pages/page-editor/page-editor.vue
@@ -16,15 +16,15 @@ SPDX-License-Identifier: AGPL-3.0-only
 
 		<div v-if="tab === 'settings'">
 			<div class="_gaps_m">
-				<MkInput v-model="title" type="text">
+				<MkInput v-model="title">
 					<template #label>{{ i18n.ts._pages.title }}</template>
 				</MkInput>
 
-				<MkInput v-model="summary" type="text">
+				<MkInput v-model="summary">
 					<template #label>{{ i18n.ts._pages.summary }}</template>
 				</MkInput>
 
-				<MkInput v-model="name" type="text">
+				<MkInput v-model="name">
 					<template #prefix>{{ url }}/@{{ author.username }}/pages/</template>
 					<template #label>{{ i18n.ts._pages.url }}</template>
 				</MkInput>
diff --git a/packages/frontend/src/pages/settings/2fa.qrdialog.vue b/packages/frontend/src/pages/settings/2fa.qrdialog.vue
index 49a60a62e672..18c82ffdf697 100644
--- a/packages/frontend/src/pages/settings/2fa.qrdialog.vue
+++ b/packages/frontend/src/pages/settings/2fa.qrdialog.vue
@@ -58,7 +58,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 					<MkSpacer :marginMin="20" :marginMax="28">
 						<div class="_gaps">
 							<div>{{ i18n.ts._2fa.step3Title }}</div>
-							<MkInput v-model="token" autocomplete="one-time-code" inputmode="numeric" type="text"></MkInput>
+							<MkInput v-model="token" autocomplete="one-time-code" inputmode="numeric"></MkInput>
 							<div>{{ i18n.ts._2fa.step3 }}</div>
 						</div>
 						<div class="_buttonsCenter" style="margin-top: 16px;">
diff --git a/packages/frontend/src/pages/settings/migration.vue b/packages/frontend/src/pages/settings/migration.vue
index f6a95ca8bdf8..ddc23945dd58 100644
--- a/packages/frontend/src/pages/settings/migration.vue
+++ b/packages/frontend/src/pages/settings/migration.vue
@@ -19,7 +19,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 				<MkButton inline primary @click="save"><i class="ti ti-check"></i> {{ i18n.ts.save }}</MkButton>
 			</div>
 			<div class="_gaps">
-				<MkInput v-for="(_, i) in accountAliases" v-model="accountAliases[i]" type="text">
+				<MkInput v-for="(_, i) in accountAliases" v-model="accountAliases[i]">
 					<template #prefix><i class="ti ti-plane-arrival"></i></template>
 					<template #label>{{ i18n.tsx._accountMigration.moveFromLabel({ n: i + 1 }) }}</template>
 				</MkInput>
@@ -38,7 +38,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 				<FormInfo>{{ i18n.ts._accountMigration.moveAccountHowTo }}</FormInfo>
 				<FormInfo warn>{{ i18n.ts._accountMigration.moveCannotBeUndone }}</FormInfo>
 
-				<MkInput v-model="moveToAccount" type="text">
+				<MkInput v-model="moveToAccount">
 					<template #prefix><i class="ti ti-plane-departure"></i></template>
 					<template #label>{{ i18n.ts._accountMigration.moveToLabel }}</template>
 				</MkInput>
diff --git a/packages/frontend/src/pages/settings/profile.vue b/packages/frontend/src/pages/settings/profile.vue
index e5f50f3e320c..561894d2b77b 100644
--- a/packages/frontend/src/pages/settings/profile.vue
+++ b/packages/frontend/src/pages/settings/profile.vue
@@ -18,7 +18,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 		</div>
 	</div>
 
-	<MkInput v-model="profile.name" :max="30" manualSave :mfmAutocomplete="['emoji']" type="text">
+	<MkInput v-model="profile.name" :max="30" manualSave :mfmAutocomplete="['emoji']">
 		<template #label>{{ i18n.ts._profile.name }}</template>
 	</MkInput>
 
@@ -27,7 +27,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 		<template #caption>{{ i18n.ts._profile.youCanIncludeHashtags }}</template>
 	</MkTextarea>
 
-	<MkInput v-model="profile.location" manualSave type="text">
+	<MkInput v-model="profile.location" manualSave>
 		<template #label>{{ i18n.ts.location }}</template>
 		<template #prefix><i class="ti ti-map-pin"></i></template>
 	</MkInput>
@@ -73,9 +73,9 @@ SPDX-License-Identifier: AGPL-3.0-only
 							<button v-if="fieldEditMode" :disabled="fields.length <= 1" class="_button" :class="$style.dragItemRemove" @click="deleteField(index)"><i class="ti ti-x"></i></button>
 							<div :class="$style.dragItemForm">
 								<FormSplit :minWidth="200">
-									<MkInput v-model="element.name" small :placeholder="i18n.ts._profile.metadataLabel" type="text">
+									<MkInput v-model="element.name" small :placeholder="i18n.ts._profile.metadataLabel">
 									</MkInput>
-									<MkInput v-model="element.value" small :placeholder="i18n.ts._profile.metadataContent" type="text">
+									<MkInput v-model="element.value" small :placeholder="i18n.ts._profile.metadataContent">
 									</MkInput>
 								</FormSplit>
 							</div>
@@ -87,7 +87,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 		<template #caption>{{ i18n.ts._profile.metadataDescription }}</template>
 	</FormSlot>
 
-	<MkInput v-model="profile.followedMessage" :max="200" manualSave :mfmPreview="false" type="text">
+	<MkInput v-model="profile.followedMessage" :max="200" manualSave :mfmPreview="false">
 		<template #label>{{ i18n.ts._profile.followedMessage }}<span class="_beta">{{ i18n.ts.beta }}</span></template>
 		<template #caption>
 			<div>{{ i18n.ts._profile.followedMessageDescription }}</div>
diff --git a/packages/frontend/src/pages/settings/statusbar.statusbar.vue b/packages/frontend/src/pages/settings/statusbar.statusbar.vue
index 726ba0e2c69e..140b6beb14b7 100644
--- a/packages/frontend/src/pages/settings/statusbar.statusbar.vue
+++ b/packages/frontend/src/pages/settings/statusbar.statusbar.vue
@@ -12,7 +12,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 		<option value="userList">User list timeline</option>
 	</MkSelect>
 
-	<MkInput v-model="statusbar.name" manualSave type="text">
+	<MkInput v-model="statusbar.name" manualSave>
 		<template #label>{{ i18n.ts.label }}</template>
 	</MkInput>
 
diff --git a/packages/frontend/src/pages/settings/theme.manage.vue b/packages/frontend/src/pages/settings/theme.manage.vue
index 6e4bc2840434..579ca6b20be4 100644
--- a/packages/frontend/src/pages/settings/theme.manage.vue
+++ b/packages/frontend/src/pages/settings/theme.manage.vue
@@ -15,7 +15,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 		</optgroup>
 	</MkSelect>
 	<template v-if="selectedTheme">
-		<MkInput readonly :modelValue="selectedTheme.author" type="text">
+		<MkInput readonly :modelValue="selectedTheme.author">
 			<template #label>{{ i18n.ts.author }}</template>
 		</MkInput>
 		<MkTextarea v-if="selectedTheme.desc" readonly :modelValue="selectedTheme.desc">
diff --git a/packages/frontend/src/pages/settings/webhook.edit.vue b/packages/frontend/src/pages/settings/webhook.edit.vue
index 9b168562e2f1..22b008fb6121 100644
--- a/packages/frontend/src/pages/settings/webhook.edit.vue
+++ b/packages/frontend/src/pages/settings/webhook.edit.vue
@@ -5,7 +5,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 
 <template>
 <div class="_gaps_m">
-	<MkInput v-model="name" type="text">
+	<MkInput v-model="name">
 		<template #label>{{ i18n.ts._webhookSettings.name }}</template>
 	</MkInput>
 
@@ -13,7 +13,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 		<template #label>URL</template>
 	</MkInput>
 
-	<MkInput v-model="secret" type="text">
+	<MkInput v-model="secret">
 		<template #prefix><i class="ti ti-lock"></i></template>
 		<template #label>{{ i18n.ts._webhookSettings.secret }}</template>
 	</MkInput>
diff --git a/packages/frontend/src/pages/settings/webhook.new.vue b/packages/frontend/src/pages/settings/webhook.new.vue
index 0b3505f159b0..727c4df2d678 100644
--- a/packages/frontend/src/pages/settings/webhook.new.vue
+++ b/packages/frontend/src/pages/settings/webhook.new.vue
@@ -5,7 +5,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 
 <template>
 <div class="_gaps_m">
-	<MkInput v-model="name" type="text">
+	<MkInput v-model="name">
 		<template #label>{{ i18n.ts._webhookSettings.name }}</template>
 	</MkInput>
 
@@ -13,7 +13,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 		<template #label>URL</template>
 	</MkInput>
 
-	<MkInput v-model="secret" type="text">
+	<MkInput v-model="secret">
 		<template #prefix><i class="ti ti-lock"></i></template>
 		<template #label>{{ i18n.ts._webhookSettings.secret }}</template>
 	</MkInput>
diff --git a/packages/frontend/src/pages/welcome.setup.vue b/packages/frontend/src/pages/welcome.setup.vue
index 17de5ff27c63..33cc139a4592 100644
--- a/packages/frontend/src/pages/welcome.setup.vue
+++ b/packages/frontend/src/pages/welcome.setup.vue
@@ -18,7 +18,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 					<template #label>{{ i18n.ts.initialPasswordForSetup }} <div v-tooltip:dialog="i18n.ts.initialPasswordForSetupDescription" class="_button _help"><i class="ti ti-help-circle"></i></div></template>
 					<template #prefix><i class="ti ti-lock"></i></template>
 				</MkInput>
-				<MkInput v-model="username" pattern="^[a-zA-Z0-9_]{1,20}$" :spellcheck="false" required data-cy-admin-username type="text">
+				<MkInput v-model="username" pattern="^[a-zA-Z0-9_]{1,20}$" :spellcheck="false" required data-cy-admin-username>
 					<template #label>{{ i18n.ts.username }}</template>
 					<template #prefix>@</template>
 					<template #suffix>@{{ host }}</template>

From 5a366573ca3fb545391fa680a568d53faf3ef6b9 Mon Sep 17 00:00:00 2001
From: takejohn <takejohn@takejohn.jp>
Date: Thu, 30 Jan 2025 12:03:21 +0900
Subject: [PATCH 13/13] =?UTF-8?q?type=3D"text"=E3=82=92=E8=BF=BD=E5=8A=A0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/frontend/src/components/MkAsUi.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

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>