LoadingBar - [Vue warn]: The data property "width" is already declared as a prop. Use prop default value instead.

[juanpprieto]

Hey guys,

The data property "width" is already declared as a prop. Use prop default value instead.

Getting the above warn message when using the Loading Bar component.

Unfortunately, this JSFiddle which mirrors my setup doesn't show the warning. https://jsbin.com/savesamara/1/edit?html,console,output

My setup is similar to the above but full .vue components.

• "at-ui": "^1.3.1",
• "vue": "^2.5.13"

And the chrome trace vueginAtuiCompsDemo.vue:596 LoadingBar.. vue.esm.js:578 [Vue warn]: The data property "width" is already declared as a prop. Use prop default value instead.

(found in <Root>) warn @ vue.esm.js:578 initData @ vue.esm.js:3371 initState @ vue.esm.js:3284 Vue._init @ vue.esm.js:4558 VueComponent @ vue.esm.js:4728 LoadingBar @ at.js:6928 getLoadingBarInstance @ at.js:2153 _update @ at.js:2158 start @ at.js:2193 loadingStart @ vueginAtuiCompsDemo.vue:497 boundFn @ vue.esm.js:191 mounted @ vueginAtuiCompsDemo.vue:599 callHook @ vue.esm.js:2895 insert @ vue.esm.js:4090 invokeInsertHook @ vue.esm.js:5864 patch @ vue.esm.js:6083 Vue._update @ vue.esm.js:2637 updateComponent @ vue.esm.js:2765 get @ vue.esm.js:3115 Watcher @ vue.esm.js:3104 mountComponent @ vue.esm.js:2772 0.Vue$3.$mount @ vue.esm.js:8429 0.Vue$3.$mount @ vue.esm.js:10790 Vue._init @ vue.esm.js:4570 Vue$3 @ vue.esm.js:4659 Object.defineProperty.value @ main.js:12 webpack_require @ bootstrap 50c1f7145efe1d62404b:54 webpackJsonpCallback @ bootstrap 50c1f7145efe1d62404b:25 (anonymous) @ bundle.js?ver=0.1:1 vueginAtuiCompsDemo.vue:600 Loading finished!

[koppthe]

thanks for your feedback