Upgrade Guide

From v5.x to v6.x

If you have been consuming the plugin then you have to use named imports now

- import LoadingPlugin from 'vue-loading-overlay';
+ import {LoadingPlugin} from 'vue-loading-overlay';
app.use(LoadingPlugin)

Change CSS import file name as follows

- import 'vue-loading-overlay/dist/vue-loading.css';
+ import 'vue-loading-overlay/dist/css/index.css';

If you have been using the CSS class names, then change them as follows, notice all CSS class names has been prefixed with vl now

- <div class="vld-parent">
+ <div class="vl-parent">

If you have been consuming this package via CDN then

- app.use(VueLoading.Plugin);
+ app.use(VueLoading.LoadingPlugin);

If you are using the package directly from a CDN, Then you need to use named exports now

- app.use(VueLoading)
+ app.use(VueLoading.Plugin)

There is no breaking change if you are consuming the package through a module bundler like webpack.

If you have been consuming the component, update your code as follows:

- <loading .active.sync="isLoading"/>
+ <loading v-model:active="isLoading"/>

Everything else should be automatically covered in vue v2 to vue v3 upgrade guide.

import 'vue-loading-overlay/dist/vue-loading.css';

If you have been importing SCSS files to override colors then you should use props instead since SCSS has been removed.