From 234ff720757838f1f64775e3c95e2d225cb3081c Mon Sep 17 00:00:00 2001
From: Maksim Nedoshev <m0ksem1337@gmail.com>
Date: Fri, 8 Dec 2023 12:52:43 +0200
Subject: [PATCH] docs(menu): improve use menu example

---
 .../docs/page-config/ui-elements/menu/examples/UseMenu.vue  | 6 ++++--
 packages/docs/page-config/ui-elements/menu/index.ts         | 2 +-
 2 files changed, 5 insertions(+), 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
index bdafbac758..0baf41bf4d 100644
--- 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
index 3dac7682fa..92b04ae932 100644
--- 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", {