Nuxt•7mo ago

NuxtUI modal content not showing

Hey, so I just installed nuxt ui and created this modal in pages/index.vue for some reason the content is not showing tough. It is loading when clicking the corresponding button and it disables scroll so it is definitely there but it's just not showing anything.

        <UModal v-model="isOpen">
            <h1 class="text-black">Hello world</h1>
        </UModal>

        <UModal v-model="isOpen">
            <h1 class="text-black">Hello world</h1>
        </UModal>

3 Replies

MaxiOP•7mo ago

Works fine when I use it in App.vue btw. I guess it just doesn't work in the routing directory. Nevermind it only worked in Stackblitz I think I'm missing something. Still couldn't figure out a solution. If anyone has an idea please lmk 🙂

JonathanDoerfler•7mo ago

Can you provide a more complete reproduction?

MaxiOP•7mo ago

I got it working by just creating a new nuxt project and copy pasting everything in it, I'm not quite sure what caused it and I can't really share too much code since it's work related. I guess it had to do something with it not being defined on instance or something similar.

Gaming

Programming

NuxtUI modal content not showing