[](https://npmjs.com/package/@nuxtjs/toast) [](https://npmjs.com/package/@nuxtjs/toas
npm install @nuxtjs/toast> 😍 Responsive Touch Compatible Toast plugin for Nuxt.js using vue-toasted
@nuxtjs/toast dependency using yarn or npm to your project@nuxtjs/toast to compilerOptions/types section of tsconfig.json to add typescript support [optional]@nuxtjs/toast to modules section of nuxt.config.js``js
{
modules: [
'@nuxtjs/toast',
],
toast: {
position: 'top-center',
register: [ // Register custom toasts
{
name: 'my-error',
message: 'Oops...Something went wrong',
options: {
type: 'error'
}
}
]
}
}
`
If you need material icons, you have to manually install material-design-icons dependency too.
) in almost any context using app.$toast or this.$toast (Including store actions).See toasted official docs for more usage information.
`js
export default {
methods:{
async login() {
try {
this.$toast.show('Logging in...')
await this.$axios.$post('auth/login')
this.$toast.success('Successfully authenticated')
} catch(e){
this.$toast.global.my_error() //Using custom toast
this.$toast.error('Error while authenticating')
}
}
}
}
``