1
0
mirror of https://github.com/elk-zone/elk synced 2024-12-01 08:18:07 +09:00
elk/components/common/dropdown/Dropdown.vue
2023-01-03 20:03:50 +08:00

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>