Closed adonisCuba closed 2 years ago
same in headless ui dialog
@adonisCuba @YusufcanY, is there any chance you could make a minimal repo for me to take a look at? I'm not familiar with quasar or headless ui
@YusufcanY here's a minimal example that is working for me with headless UI:
vue@3.2.36
@headlessui/vue@1.6.4
vue-clipboard3@2.0.0
<template>
<div>
<button @click="isOpen = !isOpen">Dialog</button>
<Dialog :open="isOpen">
<DialogPanel>
<DialogTitle>Dialog title</DialogTitle>
<DialogDescription> Dialog description </DialogDescription>
<p>Dialog content</p>
<button @click="toClipboard('the text')">Copy thing</button>
</DialogPanel>
</Dialog>
</div>
</template>
<script>
import { ref, defineComponent } from 'vue';
import {
Dialog,
DialogPanel,
DialogTitle,
DialogDescription,
} from '@headlessui/vue';
import useClipboard from 'vue-clipboard3';
export default defineComponent({
components: {
Dialog,
DialogPanel,
DialogTitle,
DialogDescription,
},
setup() {
const isOpen = ref(false);
const { toClipboard } = useClipboard();
return { isOpen, toClipboard };
},
});
</script>
Closing due to lack of reproduction 😄
im not sure but when i try, it not work on quasar dialog