change whole backend and tables for gorm table references
simplify tables with table components close #31
This commit is contained in:
26
src/vueLib/tables/components/SearchableInput.vue
Normal file
26
src/vueLib/tables/components/SearchableInput.vue
Normal file
@@ -0,0 +1,26 @@
|
||||
<template>
|
||||
<q-td :props="props.tdProps"></q-td>
|
||||
<q-input filled dense :debounce="debounce" v-model="model" :placeholder="placeholder">
|
||||
<template #append>
|
||||
<q-icon name="search" />
|
||||
</template>
|
||||
</q-input>
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
import { computed } from 'vue';
|
||||
|
||||
const props = defineProps({
|
||||
tdProps: { type: Object },
|
||||
modelValue: String,
|
||||
placeholder: { type: String, default: 'Search' },
|
||||
debounce: { type: Number, default: 300 },
|
||||
});
|
||||
|
||||
const emit = defineEmits(['update:modelValue']);
|
||||
|
||||
const model = computed({
|
||||
get: () => props.modelValue,
|
||||
set: (v) => emit('update:modelValue', v),
|
||||
});
|
||||
</script>
|
||||
Reference in New Issue
Block a user