vuetifyjs / vuetify

🐉 Vue Component Framework
https://vuetifyjs.com
MIT License
39.88k stars 6.96k forks source link

[Bug Report][3.0.0-beta.11] Vuetify3 v-navigation-drawer v-model does not work with nuxt3 #15809

Closed LasteExile closed 2 years ago

LasteExile commented 2 years ago

Environment

Vuetify Version: 3.0.0-beta.11 Vue Version: 3.2.39 Browsers: Firefox 104.0 OS: Mac OS 10.15

Steps to reproduce

1) create nuxt3-rc.10 project 2) add vuetify3 as a vue plugin 3) add v-navigation-drawer with v-model="drawer" 4) run nuxi build and then nuxi preview

Expected Behavior

Drawer closes without any errors

Actual Behavior

Drawer does not close and raise "ReferenceError: drawer is not defined" error

Reproduction Link

https://codepen.io/lasteexile/pen/XWqeeXJ

Other comments

I'm not sure it's vuetify fault. I'm using nuxt3-rc.10, and everything work fine when I use "nuxi dev", but when i build the project with "nuxi build" and then run "nuxi preview", the drawer opens as should, but on outside click it raises "ReferenceError: drawer is not defined". Tested with vite and webpack - same result. When I close it via button with "@click="drawer=false"", everything works fine

KaelWD commented 2 years ago

Closing due to inactivity