docs(menu): improve use menu example

epicmaxco · Dec 8, 2023 · 234ff72 · 234ff72
1 parent d0dce4b
commit 234ff72
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 3 deletions.
diff --git a/packages/docs/page-config/ui-elements/menu/examples/UseMenu.vue b/packages/docs/page-config/ui-elements/menu/examples/UseMenu.vue
@@ -1,5 +1,5 @@
 <template>
-  <ul>
+  <ul class="va-unordered">
     <li
       v-for="user in 4"
       :key="user"
@@ -11,7 +11,7 @@
           { text: 'Delete', icon: 'delete' },
         ],
         onSelected(option) {
-          console.log(option, user)
+          alert(option.text + ' ' + user)
         },
       })"
     >
@@ -24,4 +24,6 @@
   import { useMenu } from 'vuestic-ui';
 
   const { show } = useMenu()
+
+  const alert = (...args) => window.alert(...args)
 </script>
diff --git a/packages/docs/page-config/ui-elements/menu/index.ts b/packages/docs/page-config/ui-elements/menu/index.ts
@@ -24,7 +24,7 @@ export default definePageConfig({
     }),
     block.example("UseMenu", {
       title: "useMenu",
-      description: "You can use `useMenu` hook to show menu programmatically.",
+      description: "You can use `useMenu` hook to show menu programmatically. `useMenu` will listen for right click to show menu.",
     }),
 
     block.example("Icon", {