wip

src/components/ObserversList.vue

@@ -0,0 +1,27 @@
+<script setup lang="ts">
+const observers = [{ name: 'A' }, { name: 'B' }]
+
+const remove = () => {
+  console.log('remove')
+}
+</script>
+
+<template>
+  <div class="d-flex ga-1">
+    <template v-for="(o, id) in observers" :key="id">
+      <v-avatar :text="o.name" size="28" color="primary" rounded="circle" density="compact" border />
+    </template>
+    <v-menu>
+      <template v-slot:activator="{ props: activatorProps }">
+        <v-btn rounded="circle" density="compact" icon="mdi-plus" variant="tonal" v-bind="activatorProps" />
+      </template>
+
+      <v-list>
+        <v-list-item>a</v-list-item>
+        <v-list-item>b</v-list-item>
+      </v-list>
+    </v-menu>
+  </div>
+</template>
+
+<style scoped lang="scss"></style>