Tweak the filter tokenizer

frontend/src/vues/CharacterList.vue

@@ -18,7 +18,7 @@
       <a v-bind:href="`/#/characters/${item.id}`">{{ item.id }}</a>
     </template>
     <template v-slot:item.characterName="{ item }">
-      <a v-bind:href="`/#/characters/${item.characterName}`">{{ item.characterName }}</a>
+      <a v-bind:href="`/#/characters/${item.id}`">{{ item.characterName }}</a>
     </template>
     <template v-slot:item.creationDate="{ item }">
       {{ new Date(item.creationDate * 1000).toISOString().split('T')[0] }}
@@ -73,7 +73,7 @@ async function loadData({ page, itemsPerPage, sortBy }) {
     page: `${page - 1}`,
     count: `${itemsPerPage}`,
     orderBy: sortString,
-    filter: filtervalue.value ? `characterName:${filtervalue.value}` : ''
+    filter: filtervalue.value ? `characterName:"${filtervalue.value}"` : ''
   })
 
   characters.value = response.data.characterData
@@ -102,6 +102,7 @@ watch(filtervalue, (newFilter: string, oldFilter: string) => {
   debounce = setTimeout(() => {
     router.replace({ query: { page: route.query.page, filter: newFilter } })
   }, 500)
+  loadData({page: page.value, itemsPerPage: resultePerPage.value, sortBy:[]})
 })
 
 onMounted(async () => {

frontend/src/vues/GameList.vue

@@ -84,13 +84,6 @@ async function loadData({ page, itemsPerPage, sortBy }) {
   console.log(itemsPerPage) 
   console.log(sortBy)
 
-  console.log({
-    page: `${page.value - 1}`,
-    count: `${itemsPerPage}`,
-    orderBy: sortString,
-    filter: filtervalue.value ? `title:"${filtervalue.value}"` : '',
-  })
-
   const response = await axios.post('/api/game', {
     page: `${page - 1}`,
     count: `${itemsPerPage}`,
@@ -127,6 +120,7 @@ watch(filtervalue, (newFilter: string, oldFilter: string) => {
   debounce = setTimeout(() => {
     router.replace({ query: { page: route.query.page, filter: newFilter } })
   }, 500)
+  loadData({page: page.value, itemsPerPage: resultePerPage.value, sortBy:[]})
 })
 
 onMounted(async () => {