From 8f15656f376a9fd62f6cedcefe66c2692c87f790 Mon Sep 17 00:00:00 2001
From: Lykin <137850705+tiny-craft@users.noreply.github.com>
Date: Sat, 16 Dec 2023 00:20:16 +0800
Subject: [PATCH] fix: turn off spellcheck on macOS #98

---
 frontend/index.html                                |  2 +-
 .../src/components/common/EditableTableRow.vue     |  2 +-
 frontend/src/components/common/FileOpenInput.vue   |  7 +------
 frontend/src/components/content/ContentLogPane.vue |  2 +-
 .../content_value/ContentEntryEditor.vue           |  1 -
 .../content_value/ContentSearchInput.vue           |  1 -
 .../content_value/ContentServerStatus.vue          |  2 +-
 .../src/components/content_value/ContentSlog.vue   |  2 +-
 .../components/content_value/ContentToolbar.vue    |  2 +-
 .../src/components/dialogs/AddFieldsDialog.vue     |  6 +-----
 .../src/components/dialogs/ConnectionDialog.vue    | 14 --------------
 .../src/components/dialogs/DeleteKeyDialog.vue     |  6 +-----
 frontend/src/components/dialogs/GroupDialog.vue    |  2 +-
 .../src/components/dialogs/KeyFilterDialog.vue     |  1 -
 frontend/src/components/dialogs/NewKeyDialog.vue   |  8 ++------
 .../src/components/dialogs/PreferencesDialog.vue   |  8 +-------
 .../src/components/dialogs/RenameKeyDialog.vue     |  2 +-
 frontend/src/components/dialogs/SetTtlDialog.vue   |  2 +-
 frontend/src/components/new_value/AddZSetValue.vue |  1 -
 .../src/components/new_value/NewStreamValue.vue    |  2 +-
 .../src/components/new_value/NewStringValue.vue    |  1 -
 frontend/src/components/new_value/NewZSetValue.vue |  1 -
 frontend/src/components/sidebar/BrowserPane.vue    |  1 -
 frontend/src/components/sidebar/ConnectionPane.vue |  6 +-----
 24 files changed, 17 insertions(+), 65 deletions(-)
diff --git a/frontend/index.html b/frontend/index.html
index 943c011..6e4720f 100644
--- a/frontend/index.html
+++ b/frontend/index.html
@@ -6,7 +6,7 @@
     <title>Tiny RDM</title>
     <!--    <link href="./src/styles/style.scss" rel="stylesheet">-->
 </head>
-<body>
+<body spellcheck="false">
 <div id='app'></div>
 <script src='./src/main.js' type='module'></script>
 </body>
diff --git a/frontend/src/components/common/EditableTableRow.vue b/frontend/src/components/common/EditableTableRow.vue
index 4d63250..8256f85 100644
--- a/frontend/src/components/common/EditableTableRow.vue
+++ b/frontend/src/components/common/EditableTableRow.vue
@@ -17,7 +17,7 @@ const handleUpdateValue = (val) => {
 <template>
     <div style="min-height: 22px">
         <template v-if="props.isEdit">
-            <n-input :input-props="{ spellcheck: 'false' }" :value="props.value" @update:value="handleUpdateValue" />
+            <n-input :value="props.value" @update:value="handleUpdateValue" />
         </template>
         <template v-else>
             {{ props.value }}
diff --git a/frontend/src/components/common/FileOpenInput.vue b/frontend/src/components/common/FileOpenInput.vue
index ea95c59..1656d87 100644
--- a/frontend/src/components/common/FileOpenInput.vue
+++ b/frontend/src/components/common/FileOpenInput.vue
@@ -23,12 +23,7 @@ const handleSelectFile = async () => {
 
 <template>
     <n-input-group>
-        <n-input
-            v-model:value="props.value"
-            :disabled="props.disabled"
-            :input-props="{ spellcheck: 'false' }"
-            :placeholder="placeholder"
-            clearable />
+        <n-input v-model:value="props.value" :disabled="props.disabled" :placeholder="placeholder" clearable />
         <n-button :disabled="props.disabled" :focusable="false" @click="handleSelectFile">...</n-button>
     </n-input-group>
 </template>
diff --git a/frontend/src/components/content/ContentLogPane.vue b/frontend/src/components/content/ContentLogPane.vue
index 561c032..f3c532c 100644
--- a/frontend/src/components/content/ContentLogPane.vue
+++ b/frontend/src/components/content/ContentLogPane.vue
@@ -148,7 +148,7 @@ defineExpose({
                     style="min-width: 100px" />
             </n-form-item>
             <n-form-item :label="$t('log.filter_keyword')">
-                <n-input v-model:value="data.keyword" :input-props="{ spellcheck: 'false' }" clearable placeholder="" />
+                <n-input v-model:value="data.keyword" clearable placeholder="" />
             </n-form-item>
             <n-form-item label="&nbsp;">
                 <icon-button :icon="Refresh" border t-tooltip="log.refresh" @click="loadHistory" />
diff --git a/frontend/src/components/content_value/ContentEntryEditor.vue b/frontend/src/components/content_value/ContentEntryEditor.vue
index f7ca93d..37bf770 100644
--- a/frontend/src/components/content_value/ContentEntryEditor.vue
+++ b/frontend/src/components/content_value/ContentEntryEditor.vue
@@ -164,7 +164,6 @@ const onSave = () => {
                     <div class="editor-content-item-label">{{ props.fieldLabel }}</div>
                     <n-input
                         v-model:value="viewAs.field"
-                        :input-props="{ spellcheck: 'false' }"
                         :placeholder="props.field + ''"
                         :readonly="props.fieldReadonly"
                         class="editor-content-item-input"
diff --git a/frontend/src/components/content_value/ContentSearchInput.vue b/frontend/src/components/content_value/ContentSearchInput.vue
index 08743b6..17f035f 100644
--- a/frontend/src/components/content_value/ContentSearchInput.vue
+++ b/frontend/src/components/content_value/ContentSearchInput.vue
@@ -88,7 +88,6 @@ defineExpose({
         <slot name="prepend" />
         <n-input
             v-model:value="inputData.filter"
-            :input-props="{ spellcheck: 'false' }"
             :placeholder="$t('interface.filter')"
             :size="props.small ? 'small' : ''"
             clearable
diff --git a/frontend/src/components/content_value/ContentServerStatus.vue b/frontend/src/components/content_value/ContentServerStatus.vue
index d63156e..9337202 100644
--- a/frontend/src/components/content_value/ContentServerStatus.vue
+++ b/frontend/src/components/content_value/ContentServerStatus.vue
@@ -186,7 +186,7 @@ const infoFilter = ref('')
             </n-card>
             <n-card :title="$t('status.all_info')" embedded>
                 <template #header-extra>
-                    <n-input v-model:value="infoFilter" :input-props="{ spellcheck: 'false' }" clearable placeholder="">
+                    <n-input v-model:value="infoFilter" clearable placeholder="">
                         <template #prefix>
                             <icon-button :icon="Filter" size="18" />
                         </template>
diff --git a/frontend/src/components/content_value/ContentSlog.vue b/frontend/src/components/content_value/ContentSlog.vue
index 168a2dd..3763f08 100644
--- a/frontend/src/components/content_value/ContentSlog.vue
+++ b/frontend/src/components/content_value/ContentSlog.vue
@@ -176,7 +176,7 @@ const onListLimitChanged = (limit) => {
                 </n-tooltip>
             </n-form-item>
             <n-form-item :label="$t('slog.filter')">
-                <n-input v-model:value="data.keyword" :input-props="{ spellcheck: 'false' }" clearable placeholder="" />
+                <n-input v-model:value="data.keyword" clearable placeholder="" />
             </n-form-item>
         </n-form>
         <div class="content-value fill-height flex-box-h">
diff --git a/frontend/src/components/content_value/ContentToolbar.vue b/frontend/src/components/content_value/ContentToolbar.vue
index a5cffe2..38c2902 100644
--- a/frontend/src/components/content_value/ContentToolbar.vue
+++ b/frontend/src/components/content_value/ContentToolbar.vue
@@ -78,7 +78,7 @@ const onCopyKey = () => {
     <div class="content-toolbar flex-box-h">
         <n-input-group>
             <redis-type-tag :binary-key="binaryKey" :type="props.keyType" size="large" />
-            <n-input v-model:value="props.keyPath" :input-props="{ spellcheck: 'false' }" readonly>
+            <n-input v-model:value="props.keyPath" readonly>
                 <template #suffix>
                     <icon-button
                         :icon="Refresh"
diff --git a/frontend/src/components/dialogs/AddFieldsDialog.vue b/frontend/src/components/dialogs/AddFieldsDialog.vue
index a934efb..76616ed 100644
--- a/frontend/src/components/dialogs/AddFieldsDialog.vue
+++ b/frontend/src/components/dialogs/AddFieldsDialog.vue
@@ -216,11 +216,7 @@ const onClose = () => {
         <n-scrollbar style="max-height: 500px">
             <n-form :model="newForm" :show-require-mark="false" label-placement="top" style="padding-right: 15px">
                 <n-form-item :label="$t('common.key')" path="key" required>
-                    <n-input
-                        v-model:value="newForm.key"
-                        :input-props="{ spellcheck: 'false' }"
-                        placeholder=""
-                        readonly />
+                    <n-input v-model:value="newForm.key" placeholder="" readonly />
                 </n-form-item>
                 <component
                     :is="addValueComponent[newForm.type]"
diff --git a/frontend/src/components/dialogs/ConnectionDialog.vue b/frontend/src/components/dialogs/ConnectionDialog.vue
index 5b36c05..d6718ff 100644
--- a/frontend/src/components/dialogs/ConnectionDialog.vue
+++ b/frontend/src/components/dialogs/ConnectionDialog.vue
@@ -271,7 +271,6 @@ const onClose = () => {
                                 required>
                                 <n-input
                                     v-model:value="generalForm.name"
-                                    :input-props="{ spellcheck: 'false' }"
                                     :placeholder="$t('dialogue.connection.name_tip')" />
                             </n-form-item-gi>
                             <n-form-item-gi
@@ -284,7 +283,6 @@ const onClose = () => {
                             <n-form-item-gi :label="$t('dialogue.connection.addr')" :span="24" path="addr" required>
                                 <n-input
                                     v-model:value="generalForm.addr"
-                                    :input-props="{ spellcheck: 'false' }"
                                     :placeholder="$t('dialogue.connection.addr_tip')" />
                                 <n-text style="width: 40px; text-align: center">:</n-text>
                                 <n-input-number
@@ -296,7 +294,6 @@ const onClose = () => {
                             <n-form-item-gi :label="$t('dialogue.connection.pwd')" :span="12" path="password">
                                 <n-input
                                     v-model:value="generalForm.password"
-                                    :input-props="{ spellcheck: 'false' }"
                                     :placeholder="$t('dialogue.connection.pwd_tip')"
                                     show-password-on="click"
                                     type="password" />
@@ -304,7 +301,6 @@ const onClose = () => {
                             <n-form-item-gi :label="$t('dialogue.connection.usr')" :span="12" path="username">
                                 <n-input
                                     v-model:value="generalForm.username"
-                                    :input-props="{ spellcheck: 'false' }"
                                     :placeholder="$t('dialogue.connection.usr_tip')" />
                             </n-form-item-gi>
                         </n-grid>
@@ -326,7 +322,6 @@ const onClose = () => {
                                 path="defaultFilter">
                                 <n-input
                                     v-model:value="generalForm.defaultFilter"
-                                    :input-props="{ spellcheck: 'false' }"
                                     :placeholder="$t('dialogue.connection.advn.filter_tip')" />
                             </n-form-item-gi>
                             <n-form-item-gi
@@ -335,7 +330,6 @@ const onClose = () => {
                                 path="keySeparator">
                                 <n-input
                                     v-model:value="generalForm.keySeparator"
-                                    :input-props="{ spellcheck: 'false' }"
                                     :placeholder="$t('dialogue.connection.advn.separator_tip')" />
                             </n-form-item-gi>
                             <n-form-item-gi
@@ -392,7 +386,6 @@ const onClose = () => {
                                     v-model:value="dbFilterList"
                                     :clearable="true"
                                     :disabled="generalForm.dbFilterType === 'none'"
-                                    :input-props="{ spellcheck: 'false' }"
                                     :placeholder="$t('dialogue.connection.advn.dbfilter_input_tip')"
                                     :show="false"
                                     :show-arrow="false"
@@ -471,7 +464,6 @@ const onClose = () => {
                         <n-form-item :label="$t('dialogue.connection.addr')" required>
                             <n-input
                                 v-model:value="generalForm.ssh.addr"
-                                :input-props="{ spellcheck: 'false' }"
                                 :placeholder="$t('dialogue.connection.ssh.addr_tip')" />
                             <n-text style="width: 40px; text-align: center">:</n-text>
                             <n-input-number
@@ -491,13 +483,11 @@ const onClose = () => {
                             :label="$t('dialogue.connection.usr')">
                             <n-input
                                 v-model:value="generalForm.ssh.username"
-                                :input-props="{ spellcheck: 'false' }"
                                 :placeholder="$t('dialogue.connection.ssh.usr_tip')" />
                         </n-form-item>
                         <n-form-item v-if="sshLoginType === 'pwd'" :label="$t('dialogue.connection.pwd')">
                             <n-input
                                 v-model:value="generalForm.ssh.password"
-                                :input-props="{ spellcheck: 'false' }"
                                 :placeholder="$t('dialogue.connection.ssh.pwd_tip')"
                                 show-password-on="click"
                                 type="password" />
@@ -511,7 +501,6 @@ const onClose = () => {
                         <n-form-item v-if="sshLoginType === 'pkfile'" :label="$t('dialogue.connection.ssh.passphrase')">
                             <n-input
                                 v-model:value="generalForm.ssh.passphrase"
-                                :input-props="{ spellcheck: 'false' }"
                                 :placeholder="$t('dialogue.connection.ssh.passphrase_tip')"
                                 show-password-on="click"
                                 type="password" />
@@ -535,7 +524,6 @@ const onClose = () => {
                             <n-input-group>
                                 <n-select
                                     v-model:value="generalForm.sentinel.master"
-                                    :input-props="{ spellcheck: 'false' }"
                                     :options="masterNameOptions"
                                     filterable
                                     tag />
@@ -547,7 +535,6 @@ const onClose = () => {
                         <n-form-item :label="$t('dialogue.connection.sentinel.password')">
                             <n-input
                                 v-model:value="generalForm.sentinel.password"
-                                :input-props="{ spellcheck: 'false' }"
                                 :placeholder="$t('dialogue.connection.sentinel.pwd_tip')"
                                 show-password-on="click"
                                 type="password" />
@@ -555,7 +542,6 @@ const onClose = () => {
                         <n-form-item :label="$t('dialogue.connection.sentinel.username')">
                             <n-input
                                 v-model:value="generalForm.sentinel.username"
-                                :input-props="{ spellcheck: 'false' }"
                                 :placeholder="$t('dialogue.connection.sentinel.usr_tip')" />
                         </n-form-item>
                     </n-form>
diff --git a/frontend/src/components/dialogs/DeleteKeyDialog.vue b/frontend/src/components/dialogs/DeleteKeyDialog.vue
index 0761d22..76296a6 100644
--- a/frontend/src/components/dialogs/DeleteKeyDialog.vue
+++ b/frontend/src/components/dialogs/DeleteKeyDialog.vue
@@ -109,11 +109,7 @@ const onClose = () => {
                     v-if="!(deleteForm.key instanceof Array)"
                     :label="$t('dialogue.key.key_expression')"
                     required>
-                    <n-input
-                        v-model:value="deleteForm.key"
-                        :input-props="{ spellcheck: 'false' }"
-                        placeholder=""
-                        @input="resetAffected" />
+                    <n-input v-model:value="deleteForm.key" placeholder="" @input="resetAffected" />
                 </n-form-item>
                 <!--                <n-form-item :label="$t('dialogue.key.async_delete')" required>-->
                 <!--                    <n-checkbox v-model:checked="deleteForm.async">-->
diff --git a/frontend/src/components/dialogs/GroupDialog.vue b/frontend/src/components/dialogs/GroupDialog.vue
index 2c10e92..08de295 100644
--- a/frontend/src/components/dialogs/GroupDialog.vue
+++ b/frontend/src/components/dialogs/GroupDialog.vue
@@ -112,7 +112,7 @@ const onClose = () => {
             :show-require-mark="false"
             label-placement="top">
             <n-form-item :label="$t('dialogue.group.name')" path="name" required>
-                <n-input v-model:value="groupForm.name" :input-props="{ spellcheck: 'false' }" placeholder="" />
+                <n-input v-model:value="groupForm.name" placeholder="" />
             </n-form-item>
         </n-form>
     </n-modal>
diff --git a/frontend/src/components/dialogs/KeyFilterDialog.vue b/frontend/src/components/dialogs/KeyFilterDialog.vue
index 4d17526..38b4f76 100644
--- a/frontend/src/components/dialogs/KeyFilterDialog.vue
+++ b/frontend/src/components/dialogs/KeyFilterDialog.vue
@@ -85,7 +85,6 @@ const onClose = () => {
                         <template #trigger>
                             <n-input
                                 v-model:value="filterForm.pattern"
-                                :input-props="{ spellcheck: 'false' }"
                                 :placeholder="$t('dialogue.filter.filter_pattern')"
                                 clearable />
                         </template>
diff --git a/frontend/src/components/dialogs/NewKeyDialog.vue b/frontend/src/components/dialogs/NewKeyDialog.vue
index 509d46a..085d690 100644
--- a/frontend/src/components/dialogs/NewKeyDialog.vue
+++ b/frontend/src/components/dialogs/NewKeyDialog.vue
@@ -182,14 +182,10 @@ const onClose = () => {
                 label-placement="top"
                 style="padding-right: 15px">
                 <n-form-item :label="$t('common.key')" path="key" required>
-                    <n-input v-model:value="newForm.key" :input-props="{ spellcheck: 'false' }" placeholder="" />
+                    <n-input v-model:value="newForm.key" placeholder="" />
                 </n-form-item>
                 <n-form-item :label="$t('dialogue.key.db_index')" path="db" required>
-                    <n-select
-                        v-model:value="newForm.db"
-                        :input-props="{ spellcheck: 'false' }"
-                        :options="dbOptions"
-                        filterable />
+                    <n-select v-model:value="newForm.db" :options="dbOptions" filterable />
                 </n-form-item>
                 <n-form-item :label="$t('interface.type')" path="type" required>
                     <n-select
diff --git a/frontend/src/components/dialogs/PreferencesDialog.vue b/frontend/src/components/dialogs/PreferencesDialog.vue
index ab7dca1..ead3447 100644
--- a/frontend/src/components/dialogs/PreferencesDialog.vue
+++ b/frontend/src/components/dialogs/PreferencesDialog.vue
@@ -88,14 +88,12 @@ const onClose = () => {
                         <n-form-item-gi :label="$t('preferences.general.language')" :span="24" required>
                             <n-select
                                 v-model:value="prefStore.general.language"
-                                :input-props="{ spellcheck: 'false' }"
                                 :options="prefStore.langOption"
                                 filterable />
                         </n-form-item-gi>
                         <n-form-item-gi :label="$t('preferences.general.font')" :span="12" required>
                             <n-select
                                 v-model:value="prefStore.general.font"
-                                :input-props="{ spellcheck: 'false' }"
                                 :options="prefStore.fontOption"
                                 filterable />
                         </n-form-item-gi>
@@ -106,10 +104,7 @@ const onClose = () => {
                             <n-input-number v-model:value="prefStore.general.scanSize" :min="1" />
                         </n-form-item-gi>
                         <n-form-item-gi :label="$t('preferences.general.key_icon_style')" :span="12">
-                            <n-select
-                                v-model:value="prefStore.general.keyIconStyle"
-                                :input-props="{ spellcheck: 'false' }"
-                                :options="keyOptions" />
+                            <n-select v-model:value="prefStore.general.keyIconStyle" :options="keyOptions" />
                         </n-form-item-gi>
                         <n-form-item-gi :label="$t('preferences.general.proxy')" :span="24">
                             <n-space>
@@ -136,7 +131,6 @@ const onClose = () => {
                         <n-form-item-gi :label="$t('preferences.general.font')" :span="24" required>
                             <n-select
                                 v-model:value="prefStore.editor.font"
-                                :input-props="{ spellcheck: 'false' }"
                                 :options="prefStore.fontOption"
                                 filterable />
                         </n-form-item-gi>
diff --git a/frontend/src/components/dialogs/RenameKeyDialog.vue b/frontend/src/components/dialogs/RenameKeyDialog.vue
index cc7d787..a9f2835 100644
--- a/frontend/src/components/dialogs/RenameKeyDialog.vue
+++ b/frontend/src/components/dialogs/RenameKeyDialog.vue
@@ -74,7 +74,7 @@ const onClose = () => {
             label-align="left"
             label-placement="top">
             <n-form-item :label="$t('dialogue.key.new_name')" required>
-                <n-input v-model:value="renameForm.newKey" :input-props="{ spellcheck: 'false' }" />
+                <n-input v-model:value="renameForm.newKey" />
             </n-form-item>
         </n-form>
     </n-modal>
diff --git a/frontend/src/components/dialogs/SetTtlDialog.vue b/frontend/src/components/dialogs/SetTtlDialog.vue
index 478b353..1444771 100644
--- a/frontend/src/components/dialogs/SetTtlDialog.vue
+++ b/frontend/src/components/dialogs/SetTtlDialog.vue
@@ -80,7 +80,7 @@ const onConfirm = async () => {
         transform-origin="center">
         <n-form :model="ttlForm" :show-require-mark="false" label-placement="top">
             <n-form-item :label="$t('common.key')">
-                <n-input :input-props="{ spellcheck: 'false' }" :value="ttlForm.key" readonly>
+                <n-input :value="ttlForm.key" readonly>
                     <template #prefix>
                         <n-icon v-if="!!ttlForm.keyCode" :component="Binary" size="20" />
                     </template>
diff --git a/frontend/src/components/new_value/AddZSetValue.vue b/frontend/src/components/new_value/AddZSetValue.vue
index c4b9e1e..6e77c14 100644
--- a/frontend/src/components/new_value/AddZSetValue.vue
+++ b/frontend/src/components/new_value/AddZSetValue.vue
@@ -65,7 +65,6 @@ const onUpdate = () => {
             <template #default="{ value }">
                 <n-input
                     v-model:value="value.value"
-                    :input-props="{ spellcheck: 'false' }"
                     :placeholder="$t('dialogue.field.enter_value')"
                     type="text"
                     @update:value="onUpdate" />
diff --git a/frontend/src/components/new_value/NewStreamValue.vue b/frontend/src/components/new_value/NewStreamValue.vue
index 478943e..4888a8f 100644
--- a/frontend/src/components/new_value/NewStreamValue.vue
+++ b/frontend/src/components/new_value/NewStreamValue.vue
@@ -41,7 +41,7 @@ defineExpose({
 
 <template>
     <n-form-item label="ID">
-        <n-input v-model:value="id" :input-props="{ spellcheck: 'false' }" />
+        <n-input v-model:value="id" />
     </n-form-item>
     <n-form-item :label="$t('common.field') + ':' + $t('common.value')" required>
         <n-dynamic-input
diff --git a/frontend/src/components/new_value/NewStringValue.vue b/frontend/src/components/new_value/NewStringValue.vue
index b2139ae..e62ed1f 100644
--- a/frontend/src/components/new_value/NewStringValue.vue
+++ b/frontend/src/components/new_value/NewStringValue.vue
@@ -9,7 +9,6 @@ const emit = defineEmits(['update:value'])
 <template>
     <n-form-item :label="$t('common.value')">
         <n-input
-            :input-props="{ spellcheck: 'false' }"
             :rows="6"
             :value="props.value"
             placeholder=""
diff --git a/frontend/src/components/new_value/NewZSetValue.vue b/frontend/src/components/new_value/NewZSetValue.vue
index 72e5d2b..33813bd 100644
--- a/frontend/src/components/new_value/NewZSetValue.vue
+++ b/frontend/src/components/new_value/NewZSetValue.vue
@@ -46,7 +46,6 @@ defineExpose({
             <template #default="{ value }">
                 <n-input
                     v-model:value="value.value"
-                    :input-props="{ spellcheck: 'false' }"
                     :placeholder="$t('dialogue.field.enter_member')"
                     type="text"
                     @update:value="onUpdate" />
diff --git a/frontend/src/components/sidebar/BrowserPane.vue b/frontend/src/components/sidebar/BrowserPane.vue
index 3d9b4e8..3cb79e0 100644
--- a/frontend/src/components/sidebar/BrowserPane.vue
+++ b/frontend/src/components/sidebar/BrowserPane.vue
@@ -290,7 +290,6 @@ onMounted(() => onReload())
                     <n-select
                         :consistent-menu-width="false"
                         :filter="(pattern, option) => option.value.toString() === pattern"
-                        :input-props="{ spellcheck: 'false' }"
                         :options="dbSelectOptions"
                         :value="props.db"
                         filterable
diff --git a/frontend/src/components/sidebar/ConnectionPane.vue b/frontend/src/components/sidebar/ConnectionPane.vue
index 05aaffd..3f24ef0 100644
--- a/frontend/src/components/sidebar/ConnectionPane.vue
+++ b/frontend/src/components/sidebar/ConnectionPane.vue
@@ -33,11 +33,7 @@ const filterPattern = ref('')
                 stroke-width="4"
                 t-tooltip="interface.new_group"
                 @click="dialogStore.openNewGroupDialog()" />
-            <n-input
-                v-model:value="filterPattern"
-                :input-props="{ spellcheck: 'false' }"
-                :placeholder="$t('interface.filter')"
-                clearable>
+            <n-input v-model:value="filterPattern" :placeholder="$t('interface.filter')" clearable>
                 <template #prefix>
                     <n-icon :component="Filter" size="20" />
                 </template>
