Open rowild opened 5 days ago
EDIT: When importing the Newsletter with import Newsletter from '~/components/Newsletter.vue';
and changing call to the modal by removing any quotes (markRaw("Newsletter");
=> markRaw(Newsletter);
), the input field of the form suddenly works... (or is at least displayed)
It might be easier to achieve what you want using the useModal
composable: https://ui.nuxt.com/components/modal#control-programmatically
Description
In this example https://stackblitz.com/edit/nuxt-starter-d1zs6g?file=app.vue
I try to implement
UModal
. I would like to render different components in that UModal, e.g. a Newsletter Form or a Three.js viewer.It turns out that I must use
markRaw
isntead ofresolveComponent
, when I want a component to be rendered inside theUModal
, otherwise there are warning about reactivity in the console. But as soon as I usemarkRaw
, the input field of the e.g. Newsletter form is no longer rendered.This is the Newsletter component:
Another component, the PointCloud.vue component, is not loaded at all, as it seems.
I am new to Nuxt and NuxtUi, so there still a lot to learn, but in this case I am stuck and would hope for your help!