filter

src/components/TextFilter.vue

@@ -0,0 +1,27 @@
+<script setup lang="ts">
+import { ref } from 'vue'
+
+const text = ref<string | null>(null)
+
+function onSearch() {
+  console.log('onSearch', text.value)
+}
+
+function onClear() {
+  text.value = ''
+  console.log('onClear', text.value)
+}
+</script>
+
+<template>
+  <v-text-field
+    v-model="text"
+    clearable
+    prepend-inner-icon="mdi-text"
+    placeholder="Search..."
+    @keydown.enter.prevent="onSearch"
+    @click:clear="onClear"
+  />
+</template>
+
+<style scoped lang="scss"></style>