<script setup lang="ts">
    const search_model = defineModel<string | number | null>('search', { default: null, required: true });
</script>

<template>
        <q-input
            v-model="search_model" 
            :dark="false"
            dense
            outlined
            rounded
            debounce="300"
            :label="$t('shared.label.search')" 
            color="accent"
            bg-color="white"
            label-color="accent"
    >
        <template #append>
            <q-icon 
                name="search" 
                color="accent"
            />
        </template>
    </q-input>
</template>