Snad fix 404ky

src/components/ListFilters.vue

@@ -1,7 +1,8 @@
 <script setup>
 import {commonProps} from "src/composables/inputs";
-import {ref, watch} from "vue";
+import {onMounted, ref, watch} from "vue";
 import {debounce} from "quasar";
+import {useRoute, useRouter} from "vue-router";
 
 const props = defineProps({
   emitDebounce: {
@@ -16,13 +17,33 @@ const filters = ref({
   search: ""
 });
 
+const $route = useRoute();
+const $router = useRouter();
 watch((() => filters.value), debounce(() => {
-  emits("filtersChanged", filters.value)
+  emits("filtersChanged", filters.value);
+
+  const query = {...$route.query};
+  for (const key in filters.value) {
+    if (filters.value[key] === "" || filters.value['key'] === null) {
+      delete query[key];
+    } else {
+      query[key] = filters.value[key];
+    }
+  }
+  $router.replace({query});
 }, props.emitDebounce), {deep: true});
+
+onMounted(() => {
+  const search = $route.query.search;
+
+  if (search) {
+    filters.value.search = search;
+  }
+})
 </script>
 
 <template>
-  <q-input v-model="filters.search" v-bind="commonProps" clearable>
+  <q-input v-model="filters.search" placeholder="Vyhledávání..." v-bind="commonProps" clearable>
     <template #prepend>
       <q-icon name="search"/>
     </template>