remove input group

This commit is contained in:
2023-04-17 15:19:39 +10:00
parent 9e47d28660
commit aa2da29b4c

View File

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