Nuxt 3 support?

[eMeRiKa13]

Hello,

One question, before I try myself, if someone has the answer.

Is-this component working with Nuxt 3 (released in beta last month)?

Thank you

[hunterliu1003]

I don’t know. I haven’t tried yet haha

[hunterliu1003]

@eMeRiKa13
Here is the Demo that using vue-final-modal in Nuxt3
https://codesandbox.io/s/blissful-spence-nnlw3
It just work!

[eMeRiKa13]

Awesome, thank you for the test (and your library!)

[boateng-ampaw]

I am new to Nuxt and tried integrating the vue final modal 4 but couldn't get it to work. I created the plugin file and added the css to the nuxt.config file, but now I am unable to add it to my pages or components as all the examples given seem to be in typescript which I am unfortunately familiar with.
I thought I could just import the ModalContainer add add my content like so:

<script setup>
import { ModalsContainer, useModal } from 'vue-final-modal'

const { open, close } = useModal()

</script>


<template>
<button @click="open">Show modal</button>

<ModalsContainer>
.... Any content goes here

<button @click="close"></button>
</ModalsContainer>

</template>

Any pointers on what to do ? Thanks

[hunterliu1003]

@boateng-ampaw Please read the basics usage of useModal in the documentation