Should this happen;
[{"id":"ad3cb4e43c26a2ee","type":"group","z":"03cd1d2be26baaa9","name":"Examples","style":{"label":true},"nodes":["22c820fe5df10421","a66b236cf6e0e804","6a6da25fb8dd4573","1b1a7e8fddc09c07","81d39df78d7fd9df","4b3b7886bb356094"],"x":134,"y":539,"w":372,"h":162},{"id":"22c820fe5df10421","type":"ui-template","z":"03cd1d2be26baaa9","g":"ad3cb4e43c26a2ee","group":"cb03a2a3aec89425","dashboard":"789c65a14af5d124","page":"19eb6d108e9275e2","name":"Menu","order":0,"width":"3","height":"1","head":"","format":"<template>\n <div class=\"d-flex justify-space-around\">\n <v-menu>\n <template v-slot:activator=\"{ props }\">\n <v-btn block color=\"primary\" v-bind=\"props\">\n Select Option 1\n </v-btn>\n </template>\n <v-list>\n <v-list-item v-for=\"(item, index) in items\"\n :key=\"index\"\n :value=\"index\"\n @click=\"send({payload: item.title})\">\n <v-list-item-title>{{ item.title }}</v-list-item-title>\n </v-list-item>\n </v-list>\n </v-menu>\n </div>\n</template>\n\n<script>\n export default {\n data: () => ({\n items: [\n { title: 'Option 1' },\n { title: 'Option 2' },\n { title: 'Option 3' },\n { title: 'Option 4' },\n ],\n }),\n }\n</script>\n","storeOutMessages":true,"fwdInMessages":true,"resendOnRefresh":true,"templateScope":"local","className":"","x":210,"y":580,"wires":[["a66b236cf6e0e804"]]},{"id":"a66b236cf6e0e804","type":"debug","z":"03cd1d2be26baaa9","g":"ad3cb4e43c26a2ee","name":"debug 37","active":true,"tosidebar":true,"console":false,"tostatus":false,"complete":"payload","targetType":"msg","statusVal":"","statusType":"auto","x":400,"y":580,"wires":[]},{"id":"6a6da25fb8dd4573","type":"ui-template","z":"03cd1d2be26baaa9","g":"ad3cb4e43c26a2ee","group":"cb03a2a3aec89425","dashboard":"789c65a14af5d124","page":"19eb6d108e9275e2","name":"with icons","order":0,"width":"3","height":"1","head":"","format":"<template>\n <div class=\"d-flex justify-space-around\">\n <v-menu>\n <template v-slot:activator=\"{ props }\">\n <v-btn block color=\"primary\" v-bind=\"props\">\n Select Option 2\n </v-btn>\n </template>\n <v-list>\n <v-list-item-group v-if=\"items.length > 0\">\n <v-list-item v-for=\"(item, index) in items\" :key=\"index\" :value=\"index\"\n @click=\"send({ payload: item.title })\">\n <v-list-item-content class=\"d-flex align-center\">\n <v-list-item-avatar>\n <!-- Use the icon specified in the item object -->\n <v-icon>{{ item.icon }}</v-icon>\n </v-list-item-avatar>\n <v-list-item-title class=\"text-h6\">{{ item.title }}</v-list-item-title>\n </v-list-item-content>\n </v-list-item>\n </v-list-item-group>\n <v-list-item v-else>\n <v-list-item-content>No items available</v-list-item-content>\n </v-list-item>\n </v-list>\n </v-menu>\n </div>\n</template>\n\n<script>\n export default {\n data: () => ({\n items: [\n { title: 'Option 1', icon: 'mdi-check' },\n { title: 'Option 2', icon: 'mdi-account' },\n { title: 'Option 3', icon: 'mdi-star' },\n { title: 'Option 4', icon: 'mdi-alert' },\n ],\n }),\n};\n</script>","storeOutMessages":true,"fwdInMessages":true,"resendOnRefresh":true,"templateScope":"local","className":"","x":220,"y":620,"wires":[["1b1a7e8fddc09c07"]]},{"id":"1b1a7e8fddc09c07","type":"debug","z":"03cd1d2be26baaa9","g":"ad3cb4e43c26a2ee","name":"debug 39","active":true,"tosidebar":true,"console":false,"tostatus":false,"complete":"false","statusVal":"","statusType":"auto","x":400,"y":620,"wires":[]},{"id":"81d39df78d7fd9df","type":"ui-template","z":"03cd1d2be26baaa9","g":"ad3cb4e43c26a2ee","group":"cb03a2a3aec89425","dashboard":"789c65a14af5d124","page":"19eb6d108e9275e2","name":"with url","order":0,"width":"3","height":"1","head":"","format":"<template>\n <div class=\"d-flex justify-space-around\">\n <v-menu>\n <template v-slot:activator=\"{ props }\">\n <v-btn block color=\"primary\" v-bind=\"props\">\n Select Option 3\n </v-btn>\n </template>\n <v-list>\n <v-list-item v-for=\"(item, index) in items\" :key=\"index\" :value=\"index\" @click=\"send({ payload: item.url })\">\n <v-list-item-content class=\"d-flex align-center\">\n <v-list-item-avatar>\n <!-- Use the icon specified in the item object -->\n <v-icon>{{ item.icon }}</v-icon>\n </v-list-item-avatar>\n <v-list-item-title class=\"text-h6\">{{ item.title }}</v-list-item-title>\n </v-list-item-content>\n </v-list-item>\n </v-list>\n </v-menu>\n </div>\n</template>\n\n<script>\n export default {\n data: () => ({\n items: [\n { title: 'Option 1', icon: 'mdi-check', url: 'https://example.com/option1' },\n { title: 'Option 2', icon: 'mdi-account', url: 'https://example.com/option2' },\n { title: 'Option 3', icon: 'mdi-star', url: 'https://example.com/option3' },\n { title: 'Option 4', icon: 'mdi-alert', url: 'https://example.com/option4' },\n ],\n }),\n};\n</script>","storeOutMessages":true,"fwdInMessages":true,"resendOnRefresh":true,"templateScope":"local","className":"","x":220,"y":660,"wires":[["4b3b7886bb356094"]]},{"id":"4b3b7886bb356094","type":"debug","z":"03cd1d2be26baaa9","g":"ad3cb4e43c26a2ee","name":"debug 41","active":true,"tosidebar":true,"console":false,"tostatus":false,"complete":"false","statusVal":"","statusType":"auto","x":400,"y":660,"wires":[]},{"id":"cb03a2a3aec89425","type":"ui-group","name":"Test","page":"19eb6d108e9275e2","width":"25","height":"15","order":-1,"showTitle":true,"className":""},{"id":"789c65a14af5d124","type":"ui-base","name":"dash","path":"/dashboard"},{"id":"19eb6d108e9275e2","type":"ui-page","name":"Examples","ui":"789c65a14af5d124","path":"/examples","layout":"grid","theme":"a965ccfef139317a","order":-1,"className":""},{"id":"a965ccfef139317a","type":"ui-theme","name":"Default","colors":{"surface":"#ffffff","primary":"#0094ce","bgPage":"#eeeeee","groupBg":"#ffffff","groupOutline":"#cccccc"}}]
Also, there is over 300 posts in this topic, is it time to close this topic, and move to a new topic, otherwise it's becoming unwieldy for new visitors.
