29 lines
564 B
Vue
29 lines
564 B
Vue
<script setup lang="ts">
|
|
import { InjectionKeyDropdownContext } from '~/constants/symbols'
|
|
|
|
defineProps<{
|
|
placement?: string
|
|
}>()
|
|
|
|
const dropdown = $ref<any>()
|
|
const colorMode = useColorMode()
|
|
|
|
const hide = () => dropdown.hide()
|
|
provide(InjectionKeyDropdownContext, {
|
|
hide,
|
|
})
|
|
|
|
defineExpose({
|
|
hide,
|
|
})
|
|
</script>
|
|
|
|
<template>
|
|
<VDropdown v-bind="$attrs" ref="dropdown" :class="colorMode.value" :placement="placement || 'auto'">
|
|
<slot />
|
|
<template #popper="scope">
|
|
<slot name="popper" v-bind="scope" />
|
|
</template>
|
|
</VDropdown>
|
|
</template>
|