diff --git a/pinry-spa/src/components/Pins.vue b/pinry-spa/src/components/Pins.vue index 41ee5d5..de0c7ea 100644 --- a/pinry-spa/src/components/Pins.vue +++ b/pinry-spa/src/components/Pins.vue @@ -148,6 +148,11 @@ export default { }, }, }, + watch: { + pinFilters() { + this.reset(); + }, + }, methods: { shouldShowEdit(id) { if (!this.editorMeta.user.loggedIn) { diff --git a/pinry-spa/src/views/Pins4Board.vue b/pinry-spa/src/views/Pins4Board.vue index c389d72..1e0b8fd 100644 --- a/pinry-spa/src/views/Pins4Board.vue +++ b/pinry-spa/src/views/Pins4Board.vue @@ -10,7 +10,7 @@ import PHeader from '../components/PHeader.vue'; import Pins from '../components/Pins.vue'; export default { - name: 'p-header', + name: 'Pins4Board', data() { return { filters: { boardFilter: null }, @@ -20,16 +20,16 @@ export default { PHeader, Pins, }, + beforeRouteUpdate(to, from, next) { + this.filters = { boardFilter: to.params.boardId }; + next(); + }, created() { this.initializeBoard(); }, - beforeRouteUpdate(to, from, next) { - this.initializeBoard(); - next(); - }, methods: { initializeBoard() { - this.filters.boardFilter = this.$route.params.boardId; + this.filters = { boardFilter: this.$route.params.boardId }; }, }, }; diff --git a/pinry-spa/src/views/Pins4Id.vue b/pinry-spa/src/views/Pins4Id.vue index 873a339..856f0ae 100644 --- a/pinry-spa/src/views/Pins4Id.vue +++ b/pinry-spa/src/views/Pins4Id.vue @@ -24,12 +24,12 @@ export default { this.initialize(); }, beforeRouteUpdate(to, from, next) { - this.initialize(); + this.filters = { idFilter: to.params.pinId }; next(); }, methods: { initialize() { - this.filters.idFilter = this.$route.params.pinId; + this.filters = { idFilter: this.$route.params.pinId }; }, }, }; diff --git a/pinry-spa/src/views/Pins4Tag.vue b/pinry-spa/src/views/Pins4Tag.vue index 200a9be..45bf9c4 100644 --- a/pinry-spa/src/views/Pins4Tag.vue +++ b/pinry-spa/src/views/Pins4Tag.vue @@ -24,12 +24,12 @@ export default { this.initializeTag(); }, beforeRouteUpdate(to, from, next) { - this.initializeTag(); + this.filters = { tagFilter: to.params.tag }; next(); }, methods: { initializeTag() { - this.filters.tagFilter = this.$route.params.tag; + this.filters = { tagFilter: this.$route.params.tag }; }, }, }; diff --git a/pinry-spa/src/views/Pins4User.vue b/pinry-spa/src/views/Pins4User.vue index 4c7b6bc..3171d87 100644 --- a/pinry-spa/src/views/Pins4User.vue +++ b/pinry-spa/src/views/Pins4User.vue @@ -24,12 +24,12 @@ export default { this.initializeBoard(); }, beforeRouteUpdate(to, from, next) { - this.initializeBoard(); + this.filters = { userFilter: to.params.user }; next(); }, methods: { initializeBoard() { - this.filters.userFilter = this.$route.params.user; + this.filters = { userFilter: this.$route.params.user }; }, }, };