chore: fix popper props merge

This commit is contained in:
Benjamin Canac
2022-10-07 13:40:23 +02:00
parent 005c18e4c0
commit f1b59fc59e
4 changed files with 23 additions and 20 deletions

View File

@@ -40,7 +40,8 @@ import {
} from '@headlessui/vue'
import type { Ref, PropType } from 'vue'
import type { RouteLocationNormalized } from 'vue-router'
import { ref, onMounted } from 'vue'
import { ref, computed, onMounted } from 'vue'
import { defu } from 'defu'
import NuxtLink from '#app/components/nuxt-link'
import Icon from '../elements/Icon.vue'
import Avatar from '../elements/Avatar.vue'
@@ -123,14 +124,13 @@ const props = defineProps({
},
popperOptions: {
type: Object as PropType<PopperOptions>,
default: () => ({
placement: 'bottom-end',
strategy: 'fixed'
})
default: () => {}
}
})
const [trigger, container] = usePopper(props.popperOptions)
const popperOptions = computed(() => defu({}, props.popperOptions, { placement: 'bottom-end', strategy: 'fixed' }))
const [trigger, container] = usePopper(popperOptions.value)
function resolveItemClass ({ active, disabled }: { active: boolean, disabled: boolean }) {
return classNames(