If you are using the package directly from a CDN, Then you need to use named exports from now
- app.use(VueToast)
+ app.use(VueToast.ToastPlugin)
There is no breaking change if you are consuming the package through a module bundler like webpack.
onClose
prop has been renamed toonDismiss
close()
method has been renamed todismiss()
-toastInstance.close();
+toastInstance.dismiss();
- CSS class names has been renamed to follow BEM, see the diff #37
onClose
prop has been renamed toonClick
onClick
prop, as name suggests, get triggered when toast gets dismissed by useronClose
prop will only gets triggered when- toast gets dismissed by user interaction OR
- toast gets auto dismissed after given timeout
- Distribution CSS file name has been changed, in order to restore old behaviour, update your code as
- import 'vue-toast-notification/dist/index.css';
+ import 'vue-toast-notification/dist/theme-default.css';