How to use query in Vue?

Question

Vue.js

I am, for example, on /filter, I change something in the filters and it redirects me:

created() {
    this.$store.watch(
      (state) => (state.filter.settings),
      () => {
      		$router.push({name: "planner", query: {
        			"color": this.settings.color
        		}})
        this.$store.dispatch('filter/GET')
      },
      {
        		deep:true
      	})
  },

But I can’t get data from the query in the store, how to solve this problem?

Doing this doesn't help:

beforeRouteEnter(to,from,next) {
    $router.query = to.query
                next()
  },

Answer 1

Why not pass an argument to the action?

this.$store.dispatch('filter/GET', {query: this.$route.query})