You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
37 lines
566 B
37 lines
566 B
<template>
|
|
<Menu
|
|
:id="id"
|
|
ref="menu"
|
|
:model="model"
|
|
:popup="true"
|
|
class="app-topbar__user-submenu"
|
|
/>
|
|
<!-- this class should use tailwind in the future -->
|
|
</template>
|
|
|
|
<script setup>
|
|
import Menu from "primevue/menu"
|
|
import { ref } from "vue"
|
|
|
|
defineProps({
|
|
id: {
|
|
type: String,
|
|
required: true,
|
|
},
|
|
// https://primevue.org/menu/#api.options.MenuItem
|
|
model: {
|
|
type: Array,
|
|
required: true,
|
|
},
|
|
})
|
|
|
|
const menu = ref(null)
|
|
|
|
const toggle = (event) => {
|
|
menu.value.toggle(event)
|
|
}
|
|
|
|
defineExpose({
|
|
toggle,
|
|
})
|
|
</script>
|
|
|