Invalid prop: custom validator check failed for prop "rotation"

[molerat619]

First of all, thanks for your great work!

I want to rotate fa-toggle-on by 180° on click (see screenshot). This is my code for the icon:

<a @click="toggleMode()"><fa icon="toggle-on" :rotation="(mode === 'multiple') ? 0 : 180" fixed-width size="2x"></fa></a>

It works well, but I see this error in my chrome dev tools console. I like having a clear console. Do you know why this happens and how I can fix it?

[robmadole]

What's the error @molerat619 ?

[molerat619]

Sorry, forgot to post it. Here we go:

vue.common.js?2371:8568 You are running Vue in development mode.
Make sure to turn on production mode when deploying for production.
See more tips at https://vuejs.org/guide/deployment.html
vue.common.js?2371:593 [Vue warn]: Invalid prop: custom validator check failed for prop "rotation".
warn @ vue.common.js?2371:593
assertProp @ vue.common.js?2371:1645
validateProp @ vue.common.js?2371:1562
createFunctionalComponent @ vue.common.js?2371:4047
createComponent @ vue.common.js?2371:4252
_createElement @ vue.common.js?2371:4422
createElement @ vue.common.js?2371:4359
vm._c @ vue.common.js?2371:4491
render @ multiple_choice_question.html?2180:23
Vue._render @ vue.common.js?2371:4546
updateComponent @ vue.common.js?2371:2790
get @ vue.common.js?2371:3144
Watcher @ vue.common.js?2371:3133
mountComponent @ vue.common.js?2371:2797
Vue.$mount @ vue.common.js?2371:8542
Vue.$mount @ vue.common.js?2371:10941
init @ vue.common.js?2371:4139
createComponent @ vue.common.js?2371:5610
createElm @ vue.common.js?2371:5557
createChildren @ vue.common.js?2371:5684
createElm @ vue.common.js?2371:5586
patch @ vue.common.js?2371:6093
Vue._update @ vue.common.js?2371:2662
updateComponent @ vue.common.js?2371:2790
get @ vue.common.js?2371:3144
Watcher @ vue.common.js?2371:3133
mountComponent @ vue.common.js?2371:2797
Vue.$mount @ vue.common.js?2371:8542
Vue.$mount @ vue.common.js?2371:10941
init @ vue.common.js?2371:4139
createComponent @ vue.common.js?2371:5610
createElm @ vue.common.js?2371:5557
createChildren @ vue.common.js?2371:5684
createElm @ vue.common.js?2371:5586
createChildren @ vue.common.js?2371:5684
createElm @ vue.common.js?2371:5586
patch @ vue.common.js?2371:6093
Vue._update @ vue.common.js?2371:2662
updateComponent @ vue.common.js?2371:2790
get @ vue.common.js?2371:3144
Watcher @ vue.common.js?2371:3133
mountComponent @ vue.common.js?2371:2797
Vue.$mount @ vue.common.js?2371:8542
Vue.$mount @ vue.common.js?2371:10941
init @ vue.common.js?2371:4139
createComponent @ vue.common.js?2371:5610
createElm @ vue.common.js?2371:5557
createChildren @ vue.common.js?2371:5684
createElm @ vue.common.js?2371:5586
createChildren @ vue.common.js?2371:5684
createElm @ vue.common.js?2371:5586
addVnodes @ vue.common.js?2371:5737
patchVnode @ vue.common.js?2371:5941
patch @ vue.common.js?2371:6098
Vue._update @ vue.common.js?2371:2672
updateComponent @ vue.common.js?2371:2790
get @ vue.common.js?2371:3144
run @ vue.common.js?2371:3221
flushSchedulerQueue @ vue.common.js?2371:2983
(anonymous) @ vue.common.js?2371:1839
flushCallbacks @ vue.common.js?2371:1760
Promise.then (async)
microTimerFunc @ vue.common.js?2371:1808
nextTick @ vue.common.js?2371:1852
_vm.$watch.deep @ vue-i18n.esm.js?4d79:1069
run @ vue.common.js?2371:3235
flushSchedulerQueue @ vue.common.js?2371:2983
(anonymous) @ vue.common.js?2371:1839
flushCallbacks @ vue.common.js?2371:1760
Promise.then (async)
microTimerFunc @ vue.common.js?2371:1808
nextTick @ vue.common.js?2371:1852
queueWatcher @ vue.common.js?2371:3070
update @ vue.common.js?2371:3211
notify @ vue.common.js?2371:699
reactiveSetter @ vue.common.js?2371:1016
set @ vue.common.js?2371:1038
setLocaleMessage @ vue-i18n.esm.js?4d79:1373
_callee$ @ i18n.js?1cd7:27
tryCatch @ runtime.js?4a57:62
invoke @ runtime.js?4a57:296
prototype.(anonymous function) @ runtime.js?4a57:114
step @ 23:12
(anonymous) @ 23:12
Promise.then (async)
step @ 23:12
(anonymous) @ 23:12
(anonymous) @ 23:12
loadMessages @ i18n.js?1cd7:22
_callee$ @ locale.js?a9d3:5
tryCatch @ runtime.js?4a57:62
invoke @ runtime.js?4a57:296
prototype.(anonymous function) @ runtime.js?4a57:114
step @ 286:10
(anonymous) @ 286:10
(anonymous) @ 286:10
(anonymous) @ locale.js?a9d3:4
_next @ index.js?9cdc:114
callMiddleware @ index.js?9cdc:120
_callee$ @ index.js?9cdc:65
tryCatch @ runtime.js?4a57:62
invoke @ runtime.js?4a57:296
prototype.(anonymous function) @ runtime.js?4a57:114
step @ index.js?9cdc:88
(anonymous) @ index.js?9cdc:88
Promise.then (async)
step @ index.js?9cdc:88
(anonymous) @ index.js?9cdc:88
(anonymous) @ index.js?9cdc:88
beforeEach @ 275:73
iterator @ vue-router.esm.js?fe87:1943
step @ vue-router.esm.js?fe87:1717
runQueue @ vue-router.esm.js?fe87:1725
confirmTransition @ vue-router.esm.js?fe87:1972
transitionTo @ vue-router.esm.js?fe87:1874
init @ vue-router.esm.js?fe87:2499
beforeCreate @ vue-router.esm.js?fe87:540
callHook @ vue.common.js?2371:2923
Vue._init @ vue.common.js?2371:4628
Vue @ vue.common.js?2371:4731
(anonymous) @ app.js?b15f:20
(anonymous) @ app.js:1656
__webpack_require__ @ app.js:20
(anonymous) @ app.js:1647
__webpack_require__ @ app.js:20
(anonymous) @ app.js:63
(anonymous) @ app.js:66
vue.common.js?2371:593 [Vue warn]: Invalid prop: custom validator check failed for prop "rotation".
warn @ vue.common.js?2371:593
assertProp @ vue.common.js?2371:1645
validateProp @ vue.common.js?2371:1562
createFunctionalComponent @ vue.common.js?2371:4047
createComponent @ vue.common.js?2371:4252
_createElement @ vue.common.js?2371:4422
createElement @ vue.common.js?2371:4359
vm._c @ vue.common.js?2371:4491
render @ multiple_choice_question.html?2180:23
Vue._render @ vue.common.js?2371:4546
updateComponent @ vue.common.js?2371:2790
get @ vue.common.js?2371:3144
run @ vue.common.js?2371:3221
flushSchedulerQueue @ vue.common.js?2371:2983
(anonymous) @ vue.common.js?2371:1839
flushCallbacks @ vue.common.js?2371:1760
Promise.then (async)
microTimerFunc @ vue.common.js?2371:1808
nextTick @ vue.common.js?2371:1852
_vm.$watch.deep @ vue-i18n.esm.js?4d79:1069
run @ vue.common.js?2371:3235
flushSchedulerQueue @ vue.common.js?2371:2983
(anonymous) @ vue.common.js?2371:1839
flushCallbacks @ vue.common.js?2371:1760
Promise.then (async)
microTimerFunc @ vue.common.js?2371:1808
nextTick @ vue.common.js?2371:1852
queueWatcher @ vue.common.js?2371:3070
update @ vue.common.js?2371:3211
notify @ vue.common.js?2371:699
reactiveSetter @ vue.common.js?2371:1016
set @ vue.common.js?2371:1038
setLocaleMessage @ vue-i18n.esm.js?4d79:1373
_callee$ @ i18n.js?1cd7:27
tryCatch @ runtime.js?4a57:62
invoke @ runtime.js?4a57:296
prototype.(anonymous function) @ runtime.js?4a57:114
step @ 23:12
(anonymous) @ 23:12
Promise.then (async)
step @ 23:12
(anonymous) @ 23:12
(anonymous) @ 23:12
loadMessages @ i18n.js?1cd7:22
_callee$ @ locale.js?a9d3:5
tryCatch @ runtime.js?4a57:62
invoke @ runtime.js?4a57:296
prototype.(anonymous function) @ runtime.js?4a57:114
step @ 286:10
(anonymous) @ 286:10
(anonymous) @ 286:10
(anonymous) @ locale.js?a9d3:4
_next @ index.js?9cdc:114
callMiddleware @ index.js?9cdc:120
_callee$ @ index.js?9cdc:65
tryCatch @ runtime.js?4a57:62
invoke @ runtime.js?4a57:296
prototype.(anonymous function) @ runtime.js?4a57:114
step @ index.js?9cdc:88
(anonymous) @ index.js?9cdc:88
Promise.then (async)
step @ index.js?9cdc:88
(anonymous) @ index.js?9cdc:88
(anonymous) @ index.js?9cdc:88
beforeEach @ 275:73
iterator @ vue-router.esm.js?fe87:1943
step @ vue-router.esm.js?fe87:1717
runQueue @ vue-router.esm.js?fe87:1725
confirmTransition @ vue-router.esm.js?fe87:1972
transitionTo @ vue-router.esm.js?fe87:1874
init @ vue-router.esm.js?fe87:2499
beforeCreate @ vue-router.esm.js?fe87:540
callHook @ vue.common.js?2371:2923
Vue._init @ vue.common.js?2371:4628
Vue @ vue.common.js?2371:4731
(anonymous) @ app.js?b15f:20
(anonymous) @ app.js:1656
__webpack_require__ @ app.js:20
(anonymous) @ app.js:1647
__webpack_require__ @ app.js:20
(anonymous) @ app.js:63
(anonymous) @ app.js:66

[robmadole]

It's because it's expecting a string. We actually have a PR to fix this.

You can work around this by doing :rotation="(mode === 'multiple') ? '0' : '180'".

[molerat619]

Thanks for your help. But that doesn't fix it unfortunately. Now I get the following complaint:

vue.common.js?2371:593 [Vue warn]: Invalid prop: type check failed for prop "rotation". Expected Number, got String.
warn @ vue.common.js?2371:593
assertProp @ vue.common.js?2371:1634
validateProp @ vue.common.js?2371:1562
createFunctionalComponent @ vue.common.js?2371:4047
createComponent @ vue.common.js?2371:4252
_createElement @ vue.common.js?2371:4422
createElement @ vue.common.js?2371:4359
vm._c @ vue.common.js?2371:4491
render @ multiple_choice_question.html?2180:23
Vue._render @ vue.common.js?2371:4546
updateComponent @ vue.common.js?2371:2790
get @ vue.common.js?2371:3144
Watcher @ vue.common.js?2371:3133
mountComponent @ vue.common.js?2371:2797
Vue.$mount @ vue.common.js?2371:8542
Vue.$mount @ vue.common.js?2371:10941
init @ vue.common.js?2371:4139
createComponent @ vue.common.js?2371:5610
createElm @ vue.common.js?2371:5557
createChildren @ vue.common.js?2371:5684
createElm @ vue.common.js?2371:5586
patch @ vue.common.js?2371:6093
Vue._update @ vue.common.js?2371:2662
updateComponent @ vue.common.js?2371:2790
get @ vue.common.js?2371:3144
Watcher @ vue.common.js?2371:3133
mountComponent @ vue.common.js?2371:2797
Vue.$mount @ vue.common.js?2371:8542
Vue.$mount @ vue.common.js?2371:10941
init @ vue.common.js?2371:4139
createComponent @ vue.common.js?2371:5610
createElm @ vue.common.js?2371:5557
createChildren @ vue.common.js?2371:5684
createElm @ vue.common.js?2371:5586
createChildren @ vue.common.js?2371:5684
createElm @ vue.common.js?2371:5586
patch @ vue.common.js?2371:6093
Vue._update @ vue.common.js?2371:2662
updateComponent @ vue.common.js?2371:2790
get @ vue.common.js?2371:3144
Watcher @ vue.common.js?2371:3133
mountComponent @ vue.common.js?2371:2797
Vue.$mount @ vue.common.js?2371:8542
Vue.$mount @ vue.common.js?2371:10941
init @ vue.common.js?2371:4139
createComponent @ vue.common.js?2371:5610
createElm @ vue.common.js?2371:5557
createChildren @ vue.common.js?2371:5684
createElm @ vue.common.js?2371:5586
createChildren @ vue.common.js?2371:5684
createElm @ vue.common.js?2371:5586
addVnodes @ vue.common.js?2371:5737
patchVnode @ vue.common.js?2371:5941
patch @ vue.common.js?2371:6098
Vue._update @ vue.common.js?2371:2672
updateComponent @ vue.common.js?2371:2790
get @ vue.common.js?2371:3144
run @ vue.common.js?2371:3221
flushSchedulerQueue @ vue.common.js?2371:2983
(anonymous) @ vue.common.js?2371:1839
flushCallbacks @ vue.common.js?2371:1760
Promise.then (async)
microTimerFunc @ vue.common.js?2371:1808
nextTick @ vue.common.js?2371:1852
queueWatcher @ vue.common.js?2371:3070
update @ vue.common.js?2371:3211
notify @ vue.common.js?2371:699
reactiveSetter @ vue.common.js?2371:1016
(anonymous) @ vue-router.esm.js?fe87:2508
(anonymous) @ vue-router.esm.js?fe87:2507
updateRoute @ vue-router.esm.js?fe87:1997
(anonymous) @ vue-router.esm.js?fe87:1875
(anonymous) @ vue-router.esm.js?fe87:1984
step @ vue-router.esm.js?fe87:1714
step @ vue-router.esm.js?fe87:1721
runQueue @ vue-router.esm.js?fe87:1725
(anonymous) @ vue-router.esm.js?fe87:1979
step @ vue-router.esm.js?fe87:1714
(anonymous) @ vue-router.esm.js?fe87:1718
(anonymous) @ vue-router.esm.js?fe87:1964
(anonymous) @ vue-router.esm.js?fe87:1792
iterator @ vue-router.esm.js?fe87:1943
step @ vue-router.esm.js?fe87:1717
step @ vue-router.esm.js?fe87:1721
(anonymous) @ vue-router.esm.js?fe87:1718
(anonymous) @ vue-router.esm.js?fe87:1964
(anonymous) @ index.js?9cdc:71
_next @ index.js?9cdc:106
_callee$ @ check-auth.js?3730:10
tryCatch @ runtime.js?4a57:62
invoke @ runtime.js?4a57:296
prototype.(anonymous function) @ runtime.js?4a57:114
step @ 284:9
(anonymous) @ 284:9
Promise.then (async)
step @ 284:9
(anonymous) @ 284:9
(anonymous) @ 284:9
(anonymous) @ check-auth.js?3730:3
_next @ index.js?9cdc:114
_callee$ @ locale.js?a9d3:7
tryCatch @ runtime.js?4a57:62
invoke @ runtime.js?4a57:296
prototype.(anonymous function) @ runtime.js?4a57:114
step @ 286:10
(anonymous) @ 286:10
Promise.then (async)
step @ 286:10
(anonymous) @ 286:10
(anonymous) @ 286:10
(anonymous) @ locale.js?a9d3:4
_next @ index.js?9cdc:114
callMiddleware @ index.js?9cdc:120
_callee$ @ index.js?9cdc:65
tryCatch @ runtime.js?4a57:62
invoke @ runtime.js?4a57:296
prototype.(anonymous function) @ runtime.js?4a57:114
step @ index.js?9cdc:88
(anonymous) @ index.js?9cdc:88
Promise.then (async)
step @ index.js?9cdc:88
(anonymous) @ index.js?9cdc:88
(anonymous) @ index.js?9cdc:88
beforeEach @ 275:73
iterator @ vue-router.esm.js?fe87:1943
step @ vue-router.esm.js?fe87:1717
runQueue @ vue-router.esm.js?fe87:1725
confirmTransition @ vue-router.esm.js?fe87:1972
transitionTo @ vue-router.esm.js?fe87:1874
init @ vue-router.esm.js?fe87:2499
beforeCreate @ vue-router.esm.js?fe87:540
callHook @ vue.common.js?2371:2923
Vue._init @ vue.common.js?2371:4628
Vue @ vue.common.js?2371:4731
(anonymous) @ app.js?b15f:20
(anonymous) @ app.js:1656
__webpack_require__ @ app.js:20
(anonymous) @ app.js:1647
__webpack_require__ @ app.js:20
(anonymous) @ app.js:63
(anonymous) @ app.js:66
vue.common.js?2371:593 [Vue warn]: Invalid prop: type check failed for prop "rotation". Expected Number, got String.
warn @ vue.common.js?2371:593
assertProp @ vue.common.js?2371:1634
validateProp @ vue.common.js?2371:1562
createFunctionalComponent @ vue.common.js?2371:4047
createComponent @ vue.common.js?2371:4252
_createElement @ vue.common.js?2371:4422
createElement @ vue.common.js?2371:4359
vm._c @ vue.common.js?2371:4491
render @ multiple_choice_question.html?2180:23
Vue._render @ vue.common.js?2371:4546
updateComponent @ vue.common.js?2371:2790
get @ vue.common.js?2371:3144
run @ vue.common.js?2371:3221
flushSchedulerQueue @ vue.common.js?2371:2983
(anonymous) @ vue.common.js?2371:1839
flushCallbacks @ vue.common.js?2371:1760
Promise.then (async)
microTimerFunc @ vue.common.js?2371:1808
nextTick @ vue.common.js?2371:1852
queueWatcher @ vue.common.js?2371:3070
update @ vue.common.js?2371:3211
notify @ vue.common.js?2371:699
reactiveSetter @ vue.common.js?2371:1016
(anonymous) @ vue-router.esm.js?fe87:2508
(anonymous) @ vue-router.esm.js?fe87:2507
updateRoute @ vue-router.esm.js?fe87:1997
(anonymous) @ vue-router.esm.js?fe87:1875
(anonymous) @ vue-router.esm.js?fe87:1984
step @ vue-router.esm.js?fe87:1714
step @ vue-router.esm.js?fe87:1721
runQueue @ vue-router.esm.js?fe87:1725
(anonymous) @ vue-router.esm.js?fe87:1979
step @ vue-router.esm.js?fe87:1714
(anonymous) @ vue-router.esm.js?fe87:1718
(anonymous) @ vue-router.esm.js?fe87:1964
(anonymous) @ vue-router.esm.js?fe87:1792
iterator @ vue-router.esm.js?fe87:1943
step @ vue-router.esm.js?fe87:1717
step @ vue-router.esm.js?fe87:1721
(anonymous) @ vue-router.esm.js?fe87:1718
(anonymous) @ vue-router.esm.js?fe87:1964
(anonymous) @ index.js?9cdc:71
_next @ index.js?9cdc:106
_callee$ @ check-auth.js?3730:10
tryCatch @ runtime.js?4a57:62
invoke @ runtime.js?4a57:296
prototype.(anonymous function) @ runtime.js?4a57:114
step @ 284:9
(anonymous) @ 284:9
Promise.then (async)
step @ 284:9
(anonymous) @ 284:9
(anonymous) @ 284:9
(anonymous) @ check-auth.js?3730:3
_next @ index.js?9cdc:114
_callee$ @ locale.js?a9d3:7
tryCatch @ runtime.js?4a57:62
invoke @ runtime.js?4a57:296
prototype.(anonymous function) @ runtime.js?4a57:114
step @ 286:10
(anonymous) @ 286:10
Promise.then (async)
step @ 286:10
(anonymous) @ 286:10
(anonymous) @ 286:10
(anonymous) @ locale.js?a9d3:4
_next @ index.js?9cdc:114
callMiddleware @ index.js?9cdc:120
_callee$ @ index.js?9cdc:65
tryCatch @ runtime.js?4a57:62
invoke @ runtime.js?4a57:296
prototype.(anonymous function) @ runtime.js?4a57:114
step @ index.js?9cdc:88
(anonymous) @ index.js?9cdc:88
Promise.then (async)
step @ index.js?9cdc:88
(anonymous) @ index.js?9cdc:88
(anonymous) @ index.js?9cdc:88
beforeEach @ 275:73
iterator @ vue-router.esm.js?fe87:1943
step @ vue-router.esm.js?fe87:1717
runQueue @ vue-router.esm.js?fe87:1725
confirmTransition @ vue-router.esm.js?fe87:1972
transitionTo @ vue-router.esm.js?fe87:1874
init @ vue-router.esm.js?fe87:2499
beforeCreate @ vue-router.esm.js?fe87:540
callHook @ vue.common.js?2371:2923
Vue._init @ vue.common.js?2371:4628
Vue @ vue.common.js?2371:4731
(anonymous) @ app.js?b15f:20
(anonymous) @ app.js:1656
__webpack_require__ @ app.js:20
(anonymous) @ app.js:1647
__webpack_require__ @ app.js:20
(anonymous) @ app.js:63
(anonymous) @ app.js:66

[robmadole]

Ah, shoot. I'm sorry about that. Right now it is a Number. The problem is that 0 is not allowed. Check out the validator.

You'll need to specify null instead of 0.

[molerat619]

Nice, that fixed it. Thank you. If the PR is merged, will it be strings in the future or will it stay numbers?

[robmadole]

Strings and numbers will both work in the future. However 0 or '0' will never be allowed.

[Adam-Ponting]

Hello,

I'm still getting this error and having looked around I cant see what is wrong:
<font-awesome-icon icon="phone" rotation="90" />
chrome error is:
vue.runtime.esm.js?2b0e:619 [Vue warn]: Invalid prop: type check failed for prop "rotation". Expected Number with value 90, got String with value "90". warn @ vue.runtime.esm.js?2b0e:619 assertProp @ vue.runtime.esm.js?2b0e:1705 validateProp @ vue.runtime.esm.js?2b0e:1632 createFunctionalComponent @ vue.runtime.esm.js?2b0e:3043 createComponent @ vue.runtime.esm.js?2b0e:3231 _createElement @ vue.runtime.esm.js?2b0e:3416 createElement @ vue.runtime.esm.js?2b0e:3353 vm._c @ vue.runtime.esm.js?2b0e:3485 render @ AppIntro.vue?a275:21 Vue._render @ vue.runtime.esm.js?2b0e:3542 updateComponent @ vue.runtime.esm.js?2b0e:4048 get @ vue.runtime.esm.js?2b0e:4456 Watcher @ vue.runtime.esm.js?2b0e:4445 mountComponent @ vue.runtime.esm.js?2b0e:4055 Vue.$mount @ vue.runtime.esm.js?2b0e:8391 init @ vue.runtime.esm.js?2b0e:3118 createComponent @ vue.runtime.esm.js?2b0e:5955 createElm @ vue.runtime.esm.js?2b0e:5902 createChildren @ vue.runtime.esm.js?2b0e:6030 createElm @ vue.runtime.esm.js?2b0e:5931 patch @ vue.runtime.esm.js?2b0e:6454 Vue._update @ vue.runtime.esm.js?2b0e:3927 updateComponent @ vue.runtime.esm.js?2b0e:4048 get @ vue.runtime.esm.js?2b0e:4456 Watcher @ vue.runtime.esm.js?2b0e:4445 mountComponent @ vue.runtime.esm.js?2b0e:4055 Vue.$mount @ vue.runtime.esm.js?2b0e:8391 init @ vue.runtime.esm.js?2b0e:3118 createComponent @ vue.runtime.esm.js?2b0e:5955 createElm @ vue.runtime.esm.js?2b0e:5902 createChildren @ vue.runtime.esm.js?2b0e:6030 createElm @ vue.runtime.esm.js?2b0e:5931 patch @ vue.runtime.esm.js?2b0e:6454 Vue._update @ vue.runtime.esm.js?2b0e:3927 updateComponent @ vue.runtime.esm.js?2b0e:4048 get @ vue.runtime.esm.js?2b0e:4456 Watcher @ vue.runtime.esm.js?2b0e:4445 mountComponent @ vue.runtime.esm.js?2b0e:4055 Vue.$mount @ vue.runtime.esm.js?2b0e:8391 init @ vue.runtime.esm.js?2b0e:3118 createComponent @ vue.runtime.esm.js?2b0e:5955 createElm @ vue.runtime.esm.js?2b0e:5902 patch @ vue.runtime.esm.js?2b0e:6493 Vue._update @ vue.runtime.esm.js?2b0e:3927 updateComponent @ vue.runtime.esm.js?2b0e:4048 get @ vue.runtime.esm.js?2b0e:4456 Watcher @ vue.runtime.esm.js?2b0e:4445 mountComponent @ vue.runtime.esm.js?2b0e:4055 Vue.$mount @ vue.runtime.esm.js?2b0e:8391 (anonymous) @ main.js?56d7:25 ./src/main.js @ app.js:1553 __webpack_require__ @ app.js:767 fn @ app.js:130 0 @ app.js:1626 __webpack_require__ @ app.js:767 (anonymous) @ app.js:902 (anonymous) @ app.js:905

From what I can read Strings and Numbers should be allowed?!

[robmadole]

@mada75 I just released 0.1.6 which should allow both strings and numbers. Give it a try and let me know.

[Adam-Ponting]

@robmadole I updated my dependencies today and the console error has gone, thanks.

[robmadole]

Great!

[smilingkite]

For other users - note that the rotate prop only accepts 90, 180 and 270 (whether as strings or numbers). If you to rotate differently, use the :transform prop.