filter

src/components/IssueFilter.vue

@@ -1,15 +1,17 @@
 <script setup lang="ts">
 import { ref } from 'vue'
 import AssigneeFilter from '@/components/AssigneeFilter.vue'
-import AssigneeFilterAvatar from '@/components/AssigneeFilterAvatar.vue'
 import TextFilter from '@/components/TextFilter.vue'
+
+function onChanged(value: string[]) {
+  console.log(value)
+}
 </script>
 
 <template>
-  <div class="u-grid2 ga-1 align-center">
+  <div class="u-grid2 ga-4 align-center">
     <text-filter />
-    <assignee-filter />
-    <assignee-filter-avatar />
+    <assignee-filter @changed="onChanged" :selected="['4Jpoz4EgViFrMpl7jQ969mVyX2IFYg5H']" />
     <v-btn variant="text">clear filters</v-btn>
   </div>
 </template>
@@ -17,6 +19,6 @@ import TextFilter from '@/components/TextFilter.vue'
 <style scoped lang="scss">
 .u-grid2 {
   display: grid;
-  grid-template-columns: 1fr 10rem auto auto;
+  grid-template-columns: 1fr auto auto;
 }
 </style>