feat: disable autocorrect and spellcheck for input fields across components

src/components/editor/QueryHistory.vue

@@ -79,6 +79,9 @@ onMounted(() => store.load());
       <Search class="w-3.5 h-3.5 text-muted-foreground shrink-0" />
       <input
         v-model="searchText"
+        autocapitalize="off"
+        autocorrect="off"
+        spellcheck="false"
         class="flex-1 h-5 text-xs bg-transparent outline-none placeholder:text-muted-foreground"
         :placeholder="t('history.search')"
       />

src/components/grid/DataGrid.vue

@@ -1106,6 +1106,9 @@ function escapeAndHighlightKeywords(s: string): string {
             <input
               ref="searchInputRef"
               v-model="searchText"
+              autocapitalize="off"
+              autocorrect="off"
+              spellcheck="false"
               class="flex-1 h-5 text-xs bg-transparent outline-none placeholder:text-muted-foreground"
               :placeholder="canUseWhereSearch ? t('grid.searchOrWhere') : t('grid.search')"
               @keydown="onSearchKeydown"
@@ -1266,6 +1269,9 @@ function escapeAndHighlightKeywords(s: string): string {
                   <template v-if="editingCell?.rowId === item.id && editingCell?.col === colIdx">
                     <input
                       v-model="editValue"
+                      autocapitalize="off"
+                      autocorrect="off"
+                      spellcheck="false"
                       class="cell-edit-input absolute inset-0 bg-background border-2 border-primary px-2 py-0.5 text-xs outline-none z-10"
                       @blur="commitEdit"
                       @click.stop

src/components/mongo/JsonEditNode.vue

@@ -114,6 +114,9 @@ function confirmRemoveChild() {
           <span class="json-edit-quote">"</span>
           <input
             v-model="node.keyName"
+            autocapitalize="off"
+            autocorrect="off"
+            spellcheck="false"
             class="json-edit-key-input"
             :disabled="node.readonlyKey"
             :placeholder="t('mongo.fieldPlaceholder')"

src/components/sidebar/ConnectionTree.vue

@@ -100,6 +100,9 @@ const filteredNodes = computed(() => {
           <Search class="absolute left-2 top-1/2 -translate-y-1/2 h-3 w-3 text-muted-foreground" />
           <input
             v-model="searchQuery"
+            autocapitalize="off"
+            autocorrect="off"
+            spellcheck="false"
             class="w-full h-6 pl-7 pr-6 text-xs rounded border border-border bg-background focus:outline-none focus:ring-1 focus:ring-ring"
             :placeholder="t('grid.search')"
           />

src/components/ui/input/Input.vue

@@ -24,6 +24,8 @@ const modelValue = useVModel(props, 'modelValue', emits, {
     v-model="modelValue"
     autocapitalize="off"
     autocomplete="off"
+    autocorrect="off"
+    spellcheck="false"
     data-slot="input"
     :class="cn(
       'dark:bg-input/30 border-input focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 disabled:bg-input/50 dark:disabled:bg-input/80 h-8 rounded-lg border bg-transparent px-2.5 py-1 text-base transition-colors file:h-6 file:text-sm file:font-medium focus-visible:ring-3 aria-invalid:ring-3 md:text-sm w-full min-w-0 outline-none file:inline-flex file:border-0 file:bg-transparent file:text-foreground placeholder:text-muted-foreground disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50',