title: Change Nuxt Route Without Re-rendering
body: <p>I have a Nuxt page and i want to change route path without re-rendering or refreshing page with a method on a button.</p>
  <p>if i do <code>this.$router.push()</code> or <code>replace()</code>, page will refresh and if i do <code>window.history.pushState()</code> or <code>replaceState()</code> that works fine but after that if i add a query with <code>this.$router.push({ query: a = b })</code> on my page, page will refresh because changing route with <code>window.history</code> will not change <code>$route</code> and when i use <code>this.$router.push</code>, Vue Router thinks its a different page.</p>
  <p>I've done a lot of search on internet and did not find anything, so please don't label this question as duplicate.</p>