Vue input field for money. ( Masks amount and always return a decimal )

moneyInput.vue

<template>
    <cleave v-model="money" :options="options"></cleave>
</template>

<script>
    import Cleave from 'vue-cleave-component';

    export default {
        props:{
            value: {
                type: [String,Number]
            },
            numeralDecimalScale:{
                type: Number ,
                default:2
            },
            numeralDecimalMark:{
                type: String ,
                default:','
            },
            delimiter:{
                type: String ,
                default:'.'
            }
        },
        data: function () {
            return {
                money: '',
                options: {
                    numeral: true,
                    numeralDecimalScale: this.numeralDecimalScale,
                    numeralDecimalMark: this.numeralDecimalMark,
                    delimiter: this.delimiter
                }
            }
        },
        watch: {
            money: function (money) {
                this.$emit('input', parseFloat(money));
            },
            value: function (money) {
                this.money = money;
            }
        },
        name: "amount",
        components: {Cleave},
        mounted: function () {
            this.money = this.value;
        }
    }
</script>