Fix docs search keyboard handling in generated template

Author: KolesnikovKirill

apps/demo/src/components/DocsDefaultHeader.vue

@@ -139,6 +139,15 @@ function openSearchPalette(): void {
   isSearchPaletteOpen.value = true
 }
 
+function handleSearchInputKeydown(event: KeyboardEvent): void {
+  if (event.key !== 'Enter' && event.key !== ' ') {
+    return
+  }
+
+  event.preventDefault()
+  openSearchPalette()
+}
+
 function handleGlobalSearchShortcut(event: KeyboardEvent): void {
   if (event.key.toLowerCase() !== 'k') {
     return
@@ -338,8 +347,7 @@ function findActiveNavValue(items: VfNavMenuItem[], pathname: string): string {
           leading-icon="magnifyingGlass"
           readonly
           @click="openSearchPalette"
-          @keydown.enter.prevent="openSearchPalette"
-          @keydown.space.prevent="openSearchPalette"
+          @keydown="handleSearchInputKeydown"
         >
           <template #trailing>
             <VfBadge class="docs-header__search-shortcut">{{ searchHotkeyLabel }}</VfBadge>

packages/create-vue-ssg/CHANGELOG.md

@@ -10,6 +10,8 @@
   `@codemonster-ru/vue-ssg-core@^2.1.0`.
 - Update the generated docs template to depend on
   `@codemonster-ru/vueforge-codeblock@^3.5.0`.
+- Keep the generated docs search input compatible with current Vue template
+  typechecking by using a single keyboard event handler.
 
 ## 2.0.6 - 2026-06-03
 

packages/create-vue-ssg/templates/docs/src/components/DocsDefaultHeader.vue

@@ -139,6 +139,15 @@ function openSearchPalette(): void {
   isSearchPaletteOpen.value = true
 }
 
+function handleSearchInputKeydown(event: KeyboardEvent): void {
+  if (event.key !== 'Enter' && event.key !== ' ') {
+    return
+  }
+
+  event.preventDefault()
+  openSearchPalette()
+}
+
 function handleGlobalSearchShortcut(event: KeyboardEvent): void {
   if (event.key.toLowerCase() !== 'k') {
     return
@@ -338,8 +347,7 @@ function findActiveNavValue(items: VfNavMenuItem[], pathname: string): string {
           leading-icon="magnifyingGlass"
           readonly
           @click="openSearchPalette"
-          @keydown.enter.prevent="openSearchPalette"
-          @keydown.space.prevent="openSearchPalette"
+          @keydown="handleSearchInputKeydown"
         >
           <template #trailing>
             <VfBadge class="docs-header__search-shortcut">{{ searchHotkeyLabel }}</VfBadge>