filter for character list

frontend/src/vues/GameList.vue

@@ -43,7 +43,7 @@ async function loadData() {
   const response = await axios.post('/api/game', {
     page: `${page.value - 1}`,
     count: `${count}`,
-    filter: filtervalue.value ? `title:${filtervalue.value}` : '',
+    filter: filtervalue.value ? `title:"${filtervalue.value}"` : '',
     orderBy: 'id'
   })
 
@@ -74,6 +74,12 @@ watch(filtervalue, (oldFilter, newFilter) => {
 })
 
 onMounted(async () => {
+  if (!route.query.page) {
+    router.replace({ query: { page: 1 } })
+    page.value = 1
+  } else {
+    page.value = Number(route.query.page)
+  }
   loadData()
 })
 </script>