Nuxt•2y 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>

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

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

MaxiOP•6/21/24, 4:15 PM

Works fine when I use it in App.vue btw.

MaxiOP•6/21/24, 4:15 PM

I guess it just doesn't work in the routing directory.

MaxiOP•6/21/24, 5:20 PM

Nevermind it only worked in Stackblitz I think I'm missing something.

MaxiOP•6/24/24, 1:22 PM

Still couldn't figure out a solution.

MaxiOP•6/24/24, 1:22 PM

If anyone has an idea please lmk

JonathanDoerfler•6/24/24, 2:04 PM

Can you provide a more complete reproduction?

JJonathanDoerfler Can you provide a more complete reproduction?

MaxiOP•6/24/24, 9:30 PM

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.

MaxiOP•6/24/24, 9:31 PM

I guess it had to do something with it not being defined on instance or something similar.

NuxtUI modal content not showing

Similar Threads

Similar Threads

Similar Threads