Merge pull request #272 from chantouchsek/bugfix/fix-nuxt-inejct-error

Fix nuxt inject loop

Author: chantouchsek

nuxt/vue-waiting.template.js

@@ -3,9 +3,8 @@ import VueWaiting from 'vue-waiting';
 
 Vue.use(VueWaiting);
 
-const pluginOptions = <%= serialize(options) %>
-const waiting = new VueWaiting(pluginOptions)
-
 export default ({ app }, inject) => {
-    inject('waiting', waiting)
+    const pluginOptions = <%= serialize(options) %>
+    app.waiting = new VueWaiting(pluginOptions)
+    inject('wait', app.waiting)
 }

src/vue-waiting.js

@@ -13,7 +13,7 @@ import {
 import { mapWaitingActions, mapWaitingGetters, waitFor } from './helpers'
 
 import vuexStore from './vuex/store'
-import vWaitingComponent from './components/v-waiting.vue'
+import VWaiting from './components/v-waiting.vue'
 import vWaitingDirective from './directives/waiting.js'
 
 export default class VueWaiting {
@@ -46,7 +46,7 @@ export default class VueWaiting {
     }
 
     if (this.options.registerComponent) {
-      Vue.component(this.options.componentName, vWaitingComponent)
+      Vue.component(this.options.componentName, VWaiting)
     }
 
     if (this.options.registerDirective) {
@@ -206,11 +206,6 @@ export function install(Vue) {
 }
 
 // Export which are imported to export
-export {
-  mapWaitingActions,
-  mapWaitingGetters,
-  waitFor,
-  vWaitingComponent as VWaiting,
-}
+export { waitFor, VWaiting, mapWaitingActions, mapWaitingGetters }
 
 VueWaiting.install = install

types/vue.d.ts

@@ -7,10 +7,10 @@ import VueWaiting from './';
 
 declare module '@nuxt/types' {
   interface Context {
-    $waiting: VueWaiting;
+    $wait: VueWaiting;
   }
   interface NuxtAppOptions {
-    $waiting: VueWaiting;
+    $wait: VueWaiting;
   }
 }