Vyhledavani v POI

src/components/ListFilters.vue

@@ -0,0 +1,30 @@
+<script setup>
+import {commonProps} from "src/composables/inputs";
+import {ref, watch} from "vue";
+import {debounce} from "quasar";
+
+const props = defineProps({
+  emitDebounce: {
+    type: Number,
+    required: false,
+    default: 200
+  }
+})
+const emits = defineEmits(["filtersChanged"]);
+
+const filters = ref({
+  search: ""
+});
+
+watch((() => filters.value), debounce(() => {
+  emits("filtersChanged", filters.value)
+}, props.emitDebounce), {deep: true});
+</script>
+
+<template>
+  <q-input v-model="filters.search" v-bind="commonProps" clearable>
+    <template #prepend>
+      <q-icon name="search"/>
+    </template>
+  </q-input>
+</template>

src/components/poi/POIList.vue

@@ -33,7 +33,7 @@ const getRoute = (item) => {
     return {name: "publicPOIDetail", params: {slug: item.urlSlug}}
   else
     return {name: "poiDetail", params: {id: item.id}}
-}
+};
 </script>
 <template>
   <LoadMoreList :total-items-count="totalItemsCount" :items-length="items.length">