Lots of changes
This commit is contained in:
@@ -0,0 +1,25 @@
|
||||
<script setup>
|
||||
import { debounce } from 'lodash';
|
||||
import { ref, watch } from 'vue';
|
||||
import TextInput from '@/Components/TextInput.vue';
|
||||
import { router } from '@inertiajs/vue3';
|
||||
|
||||
const props = defineProps({
|
||||
options: Object
|
||||
});
|
||||
|
||||
const search = ref(props.options.search)
|
||||
|
||||
watch(search, debounce((value) => {
|
||||
const routeOptions = props.options.route.options ?? null;
|
||||
router.get(
|
||||
route(props.options.route.link, routeOptions),
|
||||
{ search: value },
|
||||
{ preserveState: true, replace: true }
|
||||
);
|
||||
}, 300));
|
||||
|
||||
</script>
|
||||
<template>
|
||||
<TextInput v-model="search" title="Search" placeholder="Search..." />
|
||||
</template>
|
||||
Reference in New Issue
Block a user