fix: menu

Author: linspw

src/components/atoms/menu/menu.stories.mdx

@@ -30,7 +30,7 @@ Componente visual para o botão
         const click = () => console.log("Clickado");
         return { click };
       },
-      template: `<h-menu position="none">
+      template: `<h-menu position="bottom-right">
         <template #trigger={handleTrigger}><h-button @click="handleTrigger">Open</h-button></template>
         <h-menu-item @click="click">First Element</h-menu-item> 
         <h-menu-item active>Second Element</h-menu-item>

src/components/atoms/menu/menu.vue

@@ -10,6 +10,8 @@
 
     <HMenuContainer
       :active="$state.active"
+      v-bind="$attrs"
+      :position="$props.position"
       @click="handleClose"
     >
       <slot />
@@ -18,13 +20,22 @@
 </template>
 
 <script setup>
-import { reactive } from 'vue';
+import { reactive, useAttrs } from 'vue';
 import HMenuContainer from './menu-container.vue';
 
+const $props = defineProps({
+  position: {
+    type: String,
+    default: 'bottom-center',
+  },
+});
+
 const $state = reactive({
   active: false,
 });
 
+const $attrs = useAttrs();
+
 const handleClose = () => {
   $state.active = false;
 };