prevents seafch form submit

src/components/search.vue

@@ -7,8 +7,9 @@ This file is part of ArciveList.
 
 
 <template>
-
-  <form class="search" action="">
+  <nav class="">
+    <form class="search"
+          v-on:submit.prevent="search">
       <div class="input-group">
         <input type="text"
                name="fulltext_search"
@@ -17,13 +18,12 @@ This file is part of ArciveList.
                v-model="search_text"
                class="input-group-fieldbutton hollow" />
         <button class="appear button"
-              type="button"
-              @click="search">
+                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, {
       })