-
Notifications
You must be signed in to change notification settings - Fork 140
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Nuxt 3 support #333
Comments
Currently working on Nuxt 3 for me if I make a new plugin import Toast from "vue-toastification";
import "vue-toastification/dist/index.css";
export default defineNuxtPlugin((nuxtApp) => {
nuxtApp.vueApp.use(Toast)
}); |
For noticing further nuxt 3 users like me, you need to set transpile for this package before using it at production. Otherwise toast used pages will throw 500 error as
For now, this is the only solution i able to find out. Tested nuxt version is rc.8 |
Another way to use vue-toastification with vue3 and nuxt3: Create
Also you have to import And to import the toast style, add in
|
See for explanation: Maronato/vue-toastification#333
Additionally, to avoid importing import { useToast } from "vue-toastification";
export default function () {
return useToast();
} |
is this work in production? |
It works for me in production; I'm using Digital Ocean / Cleavr. |
Here's what worked for me using Added
to Added
Added
I've tested production build with |
this solution fixed my issue: |
Support Nuxt 3
The text was updated successfully, but these errors were encountered: