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

@@ -85,6 +85,7 @@
<script setup lang="ts">
import { ref, computed } from 'vue'
import type { PropType, ComponentPublicInstance } from 'vue'
import { defu } from 'defu'
import {
Combobox,
ComboboxButton,
@@ -251,15 +252,15 @@ const props = defineProps({
},
popperOptions: {
type: Object as PropType<PopperOptions>,
default: () => ({
placement: 'bottom-end'
})
default: () => {}
}
})
const emit = defineEmits(['update:modelValue'])
const [trigger, container] = usePopper(props.popperOptions)
const popperOptions = computed(() => defu({}, props.popperOptions, { placement: 'bottom-end' }))
const [trigger, container] = usePopper(popperOptions.value)
const query = ref('')
const searchInput = ref<ComponentPublicInstance<HTMLElement>>()