ayanova/src/components/dash-base.vue

@@ -18,9 +18,27 @@
           <v-icon>mdi-heart</v-icon>
         </v-btn> -->
 
-        <v-btn icon>
+        <!-- <v-btn icon>
           <v-icon>$ayiEllipsisV</v-icon>
-        </v-btn>
+        </v-btn> -->
+        <v-menu bottom left>
+          <template v-slot:activator="{ on, attrs }">
+            <v-btn icon v-bind="attrs" v-on="on">
+              <v-icon>$ayiEllipsisV</v-icon>
+            </v-btn>
+          </template>
+
+          <v-list>
+            <v-list-item @click="removeItem">
+              <v-list-item-title>$ay.t('Remove')</v-list-item-title>
+            </v-list-item>
+            <v-list-item v-for="(item, i) in items" :key="i">
+              <v-list-item-title @click="menuItemClick(item)">{{
+                item.name
+              }}</v-list-item-title>
+            </v-list-item>
+          </v-list>
+        </v-menu>
       </v-toolbar>
     </slot>
     <slot name="main"
@@ -34,9 +52,29 @@
 </template>
 <script>
 export default {
-  data: () => ({}),
+  data: () => ({
+    items: [
+      { name: "Click Me", value: 0 },
+      { name: "Click Me", value: 1 },
+      { name: "Click Me", value: 2 },
+      { name: "Click Me 2", value: 3 }
+    ]
+  }),
   props: {
-    title: String
+    id: {
+      type: String,
+      required: true
+    },
+    title: String,
+    moreUrl: String
+  },
+  methods: {
+    removeItem() {
+      this.$emit("dash-remove", this.id);
+    },
+    menuItemClick(item) {
+      console.log(item);
+    }
   }
 };
 </script>