diff --git a/resources/js/views/Workshops.vue b/resources/js/views/Workshops.vue index fa477f3..65772af 100644 --- a/resources/js/views/Workshops.vue +++ b/resources/js/views/Workshops.vue @@ -67,12 +67,13 @@ import { SMDate } from "../helpers/datetime"; import SMMastHead from "../components/SMMastHead.vue"; import SMLoading from "../components/SMLoading.vue"; import SMEventCard from "../components/SMEventCard.vue"; -import { useRoute } from "vue-router"; -import { getRouterParam } from "../helpers/url"; +import { useRoute, useRouter } from "vue-router"; +import { getRouterParam, updateRouterParams } from "../helpers/url"; const pageLoading = ref(true); let events: Event[] = reactive([]); const dateRangeError = ref(""); +const router = useRouter(); const filterKeywords = ref(""); const filterLocation = ref(""); @@ -174,6 +175,12 @@ const handleLoad = async () => { query["page"] = postsPage.value; query["sort"] = "start_at"; + updateRouterParams(router, { + keywords: filterKeywords.value, + location: filterLocation.value, + "date-range": filterDateRange.value, + }); + let result = await api.get({ url: "/events", params: query,