From aa2da29b4c3cc661eaff6ab69598958e0e884498 Mon Sep 17 00:00:00 2001
From: James Collins <james.collins@outlook.com.au>
Date: Mon, 17 Apr 2023 15:19:39 +1000
Subject: [PATCH] remove input group

---
 resources/js/views/Blog.vue | 11 +++--------
 1 file changed, 3 insertions(+), 8 deletions(-)

diff --git a/resources/js/views/Blog.vue b/resources/js/views/Blog.vue
index 658b573..e085242 100644
--- a/resources/js/views/Blog.vue
+++ b/resources/js/views/Blog.vue
@@ -1,13 +1,7 @@
 <template>
     <SMMastHead title="Blog" />
     <SMContainer>
-        <SMInputGroup>
-            <SMInput
-                type="text"
-                label="Search articles"
-                v-model="searchInput" />
-            <SMButton type="submit" label="Search" @click="handeClickSearch" />
-        </SMInputGroup>
+        <SMInput type="text" label="Search articles" v-model="searchInput" />
         <SMPagination
             v-model="postsPage"
             :total="postsTotal"
@@ -47,6 +41,7 @@ import SMMastHead from "../components/SMMastHead.vue";
 import SMInput from "../components/SMInput.vue";
 import SMInputGroup from "../components/SMInputGroup.vue";
 import SMForm from "../components/SMForm.vue";
+import SMButton from "../components/SMButton.vue";
 
 const message = ref("");
 const pageLoading = ref(true);
@@ -58,7 +53,7 @@ let postsTotal = ref(0);
 
 let searchInput = ref("");
 
-const handeClickSearch = () => {
+const handleClickSearch = () => {
     alert(searchInput.value);
 };