From 03dab22bb9b666c8c42bb448c2814f834f674921 Mon Sep 17 00:00:00 2001
From: dragongoose <dragonmail14@protonmail.com>
Date: Sun, 16 Apr 2023 12:37:23 -0400
Subject: [PATCH] Create seperate search bar

---
 src/components/NavbarView.vue | 22 +++++++---------------
 src/components/SearchBar.vue  |  9 +++++++++
 2 files changed, 16 insertions(+), 15 deletions(-)
 create mode 100644 src/components/SearchBar.vue

diff --git a/src/components/NavbarView.vue b/src/components/NavbarView.vue
index 5b6e379..f9b3182 100644
--- a/src/components/NavbarView.vue
+++ b/src/components/NavbarView.vue
@@ -1,5 +1,10 @@
 <script lang="ts">
-export default {}
+import SearchBar from './SearchBar.vue'
+export default {
+  components: {
+    SearchBar
+  }
+}
 </script>
 
 <template>
@@ -9,20 +14,7 @@ export default {}
     </router-link>
 
     <div>
-      <form 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"
-          id="searchBar"
-          name="searchBar"
-          placeholder="Search"
-          class="rounded-md p-1 pl-8 text-black"
-        />
-      </form>
+      <search-bar></search-bar>
     </div>
 
     <ul class="inline-flex space-x-6 font-medium">
diff --git a/src/components/SearchBar.vue b/src/components/SearchBar.vue
new file mode 100644
index 0000000..bcf0cbf
--- /dev/null
+++ b/src/components/SearchBar.vue
@@ -0,0 +1,9 @@
+<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)"
+            class="rounded-md p-1 pl-8 text-black" ref="searchInput" />
+    </div>
+</template>
\ No newline at end of file