vuejs / repl

Vue SFC REPL as a Vue 3 component
https://repl-vuejs.vercel.app
MIT License
930 stars 172 forks source link

is not compatible with nuxt 3 #135

Closed kromate closed 1 year ago

kromate commented 1 year ago

when I installed the package in a nuxt 3 application it doesn't load properly

Screenshot 2023-07-13 at 20 54 42
kromate commented 1 year ago

@yyx990803 Been on this for 2 weeks, please help 🥲

sxzz commented 1 year ago

Please provide a minimal reproduction to reopen the issue. Thanks.

https://antfu.me/posts/why-reproductions-are-required

kromate commented 1 year ago

https://stackblitz.com/edit/nuxt-starter-zbjalk?file=app.vue

@sxzz here is a stackblitz example

sxzz commented 1 year ago

@kromate it's an empty nuxt starter template.

kromate commented 1 year ago

Sorry about that

seems like I didn't save https://stackblitz.com/edit/nuxt-starter-zbjalk?file=app.vue

This link such work, double checked @sxzz

sxzz commented 1 year ago
<Repl :editor="Monaco" style="height: 100vh" />

You need to add the height property

kromate commented 1 year ago

@sxzz this fixes the height issue, thanks

but I still don't get the volar autocomplete and inference e.g const msg = ref('Hello World!') when i try to type msg. somewhere else in the code it doesn't show value just generics

I believe this is a nuxt, would just convert the project to a vue3 application instead of a nuxt 3 one because that seems to work just fine

thank you very much @sxzz