How to global config for default slot?

[rogerluo410]

Vue.use( 
    Loading,
   {
    // props
   }
  // {
  //   // slots
  //   default: this.$createElement("loading-img")
  // }
);

As we know, we can't use this.$createElement method in Vue.use(), How can we config default slot globally? thank you!

[ankurk91]

You can do it like:

const custom = Vue.extend({
  template: `<h3 class="custom">loading</h3>`
});

Vue.component('custom-loader', custom);

Vue.use(VueLoading, {
  // options
} , {
  // slots
   default: (new Vue()).$createElement('custom-loader')
});

https://jsfiddle.net/L10q7daz/1/