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] =?UTF-8?q?=E7=9C=81=E7=95=A5=E3=81=95=E3=82=8C=E3=81=A6?=
 =?UTF-8?q?=E3=81=84=E3=81=9Ftype=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

---
 .../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>