I am looking to asynchronously load certain elements of my web app:
Here is the original import code:
import {Popover, PopoverButton, PopoverPanel} from '@headlessui/vue'
export default {
components: {
Popover,
PopoverButton,
PopoverPanel,
},
...
Now, I want to achieve this:
import {defineAsyncComponent} from "vue";
export default {
components: {
Popover: defineAsyncComponent(() =>
import( {Popover} from "@headlessui/vue" ) // This does not work as I get the error " ')' expected"
),
...
},
...
Do you have any suggestions on how to resolve this issue?