title: VueJs 3 :vue-router change query and use router.push() but url don't update
body: <pre><code>const route = useRoute()
  const router = useRouter()
  </code></pre>
  <p>deep clone <code>route.query</code> and then change the property of new query,it works (url changes)</p>
  <pre><code>let newQuery = { ...route.query}
  newQuery.keyword = undefined
  router.push({
    name: 'search',
    query: newQuery,
  })
  </code></pre>
  <p>but if I change property in <code>route.query</code> and then deep clone changed <code>route.query</code>,it cannot work (url not changes)</p>
  <pre><code>route.query.keyword = undefined
  let newQuery = { ...route.query}
  router.push({
   name: 'search',
   query: newQuery,
  })
  </code></pre>
  <p>use <code>console.log(newQuery)</code> to check two newQuery, they are totally same.
  It confuses me. I wonder why that is</p>