From 69128906c4545863ca38dbfa4417697b65ce2e10 Mon Sep 17 00:00:00 2001
From: dragongoose <19649813+dragongoose@users.noreply.github.com>
Date: Sun, 16 Apr 2023 15:48:20 -0400
Subject: [PATCH] Fix some errors

---
 src/components/SearchBar.vue | 18 +++++++++++++++++-
 1 file changed, 17 insertions(+), 1 deletion(-)

diff --git a/src/components/SearchBar.vue b/src/components/SearchBar.vue
index bcf0cbf..c63b3d4 100644
--- a/src/components/SearchBar.vue
+++ b/src/components/SearchBar.vue
@@ -1,9 +1,25 @@
+<script lang="ts">
+export default {
+  setup() {
+    return {
+      searchInput: "",
+    }
+  },
+  methods: {
+    redirectToSearch() {
+      const query = this.searchInput
+      this.$router.push({ path: '/search', query: { query }})
+    }
+  }
+}
+</script>
+
 <template>
     <div class="relative hidden md:block">
         <label for="searchBar" class="hidden">Search</label>
         <v-icon name="io-search-outline" class="text-black absolute my-auto inset-y-0 left-2"></v-icon>
         <input type="text" placeholder="Search"
-            @keyup.enter="this.$router.push('/search?query=' + this.$refs.searchInput.value)"
+            @keyup.enter=redirectToSearch v-model="searchInput"
             class="rounded-md p-1 pl-8 text-black" ref="searchInput" />
     </div>
 </template>
\ No newline at end of file