クエリを更新するタイミングで以下を実行。 ```ts watch: { "$route.query": { handler: function (query) { this.$router.push({ path: this.$route.path, query }); }, }, }, ``` また、デフォルトだとクエリを変更しても再描画されないので、`<nuxt>`タグのkey属性に`$route.fullPath`を指定する必要がある。 ```html <nuxt :key="$route.fullPath" /> ``` ## 参考 - [Vue Routerの使用方法まとめ](https://nishimura.club/summary-of-how-to-use-vue-router)