KevinMidboe/seasoned
1
0
Fork 0
mirror of https://github.com/KevinMidboe/seasoned.git synced 2026-03-11 11:55:38 +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

10
src/pages/SearchPage.vue
View File

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