refactor: use query object in navigation

Author: imyelo

src/components/comment.mina

@@ -78,7 +78,9 @@ Component.define(({
       if (!item.by) {
         return
       }
-      this.$router.navigate(`/pages/user?id=${item.by}`)
+      this.$router.navigate('/pages/user', {
+        id: item.by,
+      })
     },
   }
 }))

src/pages/article.mina

@@ -44,7 +44,9 @@ Page.define(({
 
   methods: {
     tapComments () {
-      this.$router.navigate(`/pages/item?id=${this.$route.query.id}`)
+      this.$router.navigate('/pages/item', {
+        id: this.$route.query.id,
+      })
     },
   },
 }))

src/pages/item.mina

@@ -86,14 +86,18 @@ Page.define(({
       if (!item.by) {
         return
       }
-      this.$router.navigate(`/pages/user?id=${item.by}`)
+      this.$router.navigate('/pages/user', {
+        id: item.by,
+      })
     },
     tapTitle () {
       let item = this.data.item || {}
       if (!item.id || !item.url) {
         return
       }
-      this.$router.navigate(`/pages/article?id=${item.id}`)
+      this.$router.navigate('/pages/article', {
+        id: item.id,
+      })
     },
 
     fetch () {

src/pages/list.mina

@@ -112,19 +112,27 @@ Page.define(({
     tapItemTitle (event) {
       let item = event.currentTarget.dataset.item
       if (!item.url) {
-        return this.$router.navigate(`/pages/item?id=${item.id}`)
+        return this.$router.navigate('/pages/item', {
+          id: item.id,
+        })
       }
-      this.$router.navigate(`/pages/article?id=${item.id}`)
+      this.$router.navigate('/pages/article', {
+        id: item.id,
+      })
     },
 
     tapItemBy (event) {
       let item = event.currentTarget.dataset.item
-      this.$router.navigate(`/pages/user?id=${item.by}`)
+      this.$router.navigate('/pages/user', {
+        id: item.by,
+      })
     },
 
     tapItemComments (event) {
       let item = event.currentTarget.dataset.item
-      this.$router.navigate(`/pages/item?id=${item.id}`)
+      this.$router.navigate('/pages/item', {
+        id: item.id,
+      })
     },
 
     tapMore (event) {