fix: make searches work without JS

Author: danielroe

app/components/AppHeader.vue

@@ -67,7 +67,13 @@ onKeyStroke(',', e => {
       <div class="flex-1 flex items-center justify-center gap-4 sm:gap-6">
         <!-- Search bar (shown on all pages except home and search) -->
         <search v-if="showSearchBar" class="hidden sm:block flex-1 max-w-md">
-          <form role="search" method="GET" action="/search" class="relative">
+          <form
+            role="search"
+            method="GET"
+            action="/search"
+            class="relative"
+            @submit.prevent="handleSearchInput"
+          >
             <label for="header-search" class="sr-only">
               {{ $t('search.label') }}
             </label>

app/pages/index.vue

@@ -41,7 +41,13 @@ defineOgImageComponent('Default')
         class="w-full max-w-xl motion-safe:animate-slide-up motion-safe:animate-fill-both"
         style="animation-delay: 0.2s"
       >
-        <form role="search" class="relative" @submit.prevent="handleSearch">
+        <form
+          role="search"
+          method="GET"
+          action="/search"
+          class="relative"
+          @submit.prevent="handleSearch"
+        >
           <label for="home-search" class="sr-only">
             {{ $t('search.label') }}
           </label>

app/pages/search.vue

@@ -706,7 +706,7 @@ defineOgImageComponent('Default', {
         <h1 class="font-mono text-xl sm:text-2xl font-medium mb-4">search</h1>
 
         <search>
-          <form role="search" class="relative" @submit.prevent>
+          <form role="search" method="GET" action="/search" class="relative" @submit.prevent>
             <label for="search-input" class="sr-only">{{ $t('search.label') }}</label>
 
             <div class="relative group" :class="{ 'is-focused': isSearchFocused }">