added small user menu

vue3/package.json

@@ -10,30 +10,30 @@
   },
   "dependencies": {
     "@types/luxon": "^3.4.2",
-    "@vueform/multiselect": "^2.6.7",
-    "@vueuse/core": "^10.9.0",
+    "@vueform/multiselect": "^2.6.8",
+    "@vueuse/core": "^10.11.0",
     "lodash": "^4.17.21",
     "luxon": "^3.4.4",
     "mavon-editor": "^3.0.1",
     "pinia": "^2.1.7",
-    "vue": "^3.4.26",
+    "vue": "^3.4.31",
     "vue-i18n": "9",
     "vue-router": "4",
     "vue-simple-calendar": "^7.1.0",
     "vuedraggable": "^4.1.0",
-    "vuetify": "^3.6.1"
+    "vuetify": "^3.6.11"
   },
   "devDependencies": {
-    "@fortawesome/fontawesome-free": "^6.5.1",
-    "@tsconfig/node18": "^18.2.0",
+    "@fortawesome/fontawesome-free": "^6.5.2",
+    "@tsconfig/node18": "^18.2.4",
     "@types/jsdom": "^21.1.1",
     "@types/node": "^18.17.5",
-    "@vitejs/plugin-vue": "^5.0.3",
-    "@vue/tsconfig": "^0.4.0",
-    "jsdom": "^22.1.0",
-    "typescript": "^5.2.2",
-    "vite": "^5.1.0",
-    "vite-plugin-vuetify": "^2.0.1",
-    "vue-tsc": "^1.8.27"
+    "@vitejs/plugin-vue": "^5.0.5",
+    "@vue/tsconfig": "^0.5.1",
+    "jsdom": "^24.1.0",
+    "typescript": "^5.5.3",
+    "vite": "^5.3.3",
+    "vite-plugin-vuetify": "^2.0.3",
+    "vue-tsc": "^2.0.26"
   }
 }

vue3/src/apps/tandoor/Tandoor.vue

@@ -6,9 +6,34 @@
             </router-link>
             <v-spacer></v-spacer>
             <global-search-dialog></global-search-dialog>
-            <v-btn>DEBUG <message-list-dialog></message-list-dialog></v-btn>
+            <v-btn>DEBUG
+                <message-list-dialog></message-list-dialog>
+            </v-btn>
 
-            <v-avatar color="cyan" class="me-2">V</v-avatar>
+            <v-avatar color="cyan" class="me-2">V
+                <v-menu activator="parent">
+
+                    <v-list density="compact">
+                        <v-list-item class="pb-2">
+                            <v-card>
+                                <v-avatar color="cyan" class="me-2">V</v-avatar> vabene1111
+                            </v-card>
+                        </v-list-item>
+                        <v-divider></v-divider>
+                        <v-list-item><template #prepend><v-icon icon="fa-solid fa-sliders"></v-icon></template>Settings</v-list-item>
+                        <v-list-item><template #prepend><v-icon icon="fa-solid fa-server"></v-icon></template>System</v-list-item>
+                        <v-list-item><template #prepend><v-icon icon="fa-solid fa-user-shield"></v-icon></template>Admin</v-list-item>
+                        <v-list-item><template #prepend><v-icon icon="fa-solid fa-question"></v-icon></template>Help</v-list-item>
+                        <v-divider></v-divider>
+                        <v-list-subheader>Spaces</v-list-subheader>
+                        <v-list-item>Space 1</v-list-item>
+                        <v-list-item>Space 2</v-list-item>
+                        <v-list-item>Space 3</v-list-item>
+                        <v-divider></v-divider>
+                        <v-list-item><template #prepend><v-icon icon="fa-solid fa-arrow-right-from-bracket"></v-icon></template>Logout</v-list-item>
+                    </v-list>
+                </v-menu>
+            </v-avatar>
         </v-app-bar>
 
         <v-main>