prevents seafch form submit

src/components/search.vue

@@ -7,23 +7,23 @@ This file is part of ArciveList.
 
 
 <template>
-
-  <form class="search" action="">
-    <div class="input-group">
-      <input type="text"
-             name="fulltext_search"
-             placeholder="Search"
-             aria-label="Search"
-             v-model="search_text"
-             class="input-group-fieldbutton hollow" />
-      <button class="appear button"
-              type="button"
-              @click="search">
-        Search
-      </button>
-    </div>
-  </form>
-
+  <nav class="">
+    <form class="search"
+          v-on:submit.prevent="search">
+      <div class="input-group">
+        <input type="text"
+               name="fulltext_search"
+               placeholder="Search"
+               aria-label="Search"
+               v-model="search_text"
+               class="input-group-fieldbutton hollow" />
+        <button class="appear button"
+                type="submit">
+          Search
+        </button>
+      </div>
+    </form>
+  </nav>
 </template>
 
 
@@ -66,7 +66,6 @@ export default {
       console.log(this.search_text)
       this.setSearchText(this.search_text)
       var search_url = this.api_endpoint + this.search_text;
-
       var self = this;
       axios.get(search_url, {
       })