KevinMidboe/seasoned
1
0
Fork 0
mirror of https://github.com/KevinMidboe/seasoned.git synced 2026-03-10 11:29:07 +00:00
Code Issues Packages Projects Releases Wiki Activity

On every route change, update local variables from query params

Browse Source
This commit is contained in:
Kevin
2022-08-27 11:51:16 +02:00
parent 2fed03a882
commit 037857cd51
1 changed files with 15 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
src/pages/SearchPage.vue
View File

@@ -18,7 +18,7 @@
</template>
<script setup lang="ts">
import { ref, computed } from "vue";
import { ref, computed, watch } from "vue";
import { useRoute, useRouter } from "vue-router";
import ResultsSection from "@/components/ResultsSection.vue";
@@ -45,12 +45,14 @@
const title = computed(() => `Search results: ${query.value}`);
const urlQuery = route.query;
if (urlQuery && urlQuery?.query) {
query.value = decodeURIComponent(urlQuery?.query?.toString());
page.value = Number(urlQuery?.page) || 1;
adult.value = Boolean(urlQuery?.adult) || adult.value;
mediaType.value = (urlQuery?.media_type as MediaTypes) || mediaType.value;
function readQueryParams() {
const urlQuery = route.query;
if (urlQuery && urlQuery?.query) {
query.value = decodeURIComponent(urlQuery?.query?.toString());
page.value = Number(urlQuery?.page) || 1;
adult.value = Boolean(urlQuery?.adult) || adult.value;
mediaType.value = (urlQuery?.media_type as MediaTypes) || mediaType.value;
}
}
const search = (
@@ -73,6 +75,12 @@
function toggleChanged() {
updateQueryParams();
}
readQueryParams();
watch(
() => route.fullPath,
() => readQueryParams()
);
</script>
<style lang="scss" scoped>