filter

src/components/IssueFilter.vue

@@ -1,8 +1,14 @@
 <script setup lang="ts">
-import { ref } from 'vue'
 import AssigneeFilter from '@/components/AssigneeFilter.vue'
 import TextFilter from '@/components/TextFilter.vue'
 
+interface Props {
+  text?: string | null
+}
+
+withDefaults(defineProps<Props>(), { text: null })
+const emit = defineEmits<{ 'update:text': [value: string | null] }>()
+
 function onChanged(value: string[]) {
   console.log(value)
 }
@@ -10,7 +16,7 @@ function onChanged(value: string[]) {
 
 <template>
   <div class="u-grid2 ga-4 align-center">
-    <text-filter />
+    <text-filter :model-value="text" @update:model-value="emit('update:text', $event)" />
     <assignee-filter @changed="onChanged" :selected="['4Jpoz4EgViFrMpl7jQ969mVyX2IFYg5H']" />
     <v-btn variant="text">clear filters</v-btn>
   </div>