Multiple errors - " Property or method "loading" is not defined on the instance but referenced during render."

[Filipe Teixeira]

Every time a page is loaded I get this message:

[Vue warn]: Property or method "loading" is not defined on the instance but referenced during render. Make sure that this property is reactive, either in the data option, or for class-based components, by initializing the property. See: https://vuejs.org/v2/guide/reactivity.html#Declaring-Reactive-Properties.

found in

---> <Vuex> at src/components/vuex.vue
       <VuePageTransition> at /Users/orlando/Desktop/contributions/vue-page-transitions/src/components/VuePageTransition.vue
         <VContent>
           <VApp>
             <App> at src/App.vue
               <Root>
warn @ webpack-internal:///./node_modules/vue/dist/vue.runtime.esm.js:620
warnNonPresent @ webpack-internal:///./node_modules/vue/dist/vue.runtime.esm.js:2014
get @ webpack-internal:///./node_modules/vue/dist/vue.runtime.esm.js:2069
render
Vue._render @ webpack-internal:///./node_modules/vue/dist/vue.runtime.esm.js:3536
updateComponent @ webpack-internal:///./node_modules/vue/dist/vue.runtime.esm.js:4054
get @ webpack-internal:///./node_modules/vue/dist/vue.runtime.esm.js:4467
run @ webpack-internal:///./node_modules/vue/dist/vue.runtime.esm.js:4542
flushSchedulerQueue @ webpack-internal:///./node_modules/vue/dist/vue.runtime.esm.js:4298
(anonymous) @ webpack-internal:///./node_modules/vue/dist/vue.runtime.esm.js:1979
flushCallbacks @ webpack-internal:///./node_modules/vue/dist/vue.runtime.esm.js:1905

Not a big issue but it makes debugging difficult as I get 40 errors like this every time a page is loaded.

[Orlandster]

@FilipeamTeixeira Thanks for reporting.

Can you create me a repo with this bug? I will then take a look at it.