(VueJS) Componente input-datetime personalizado

DateTime.vue

<template>
    <input type="datetime-local" v-bind:value="decode" v-on:input="encode" />
</template>

<script>

export default {
    name: 'DateTime',
    props:{
        value: String
    },
    computed:{
        decode(){
            return this.value.replace(' ', 'T');
        }
    },
    methods:{
        encode(event){
            this.$emit('input', event.target.value.replace('T', ' '));
        }
    }
}

/*
    -> Ejemplo:
    Puedes usar el componente personalizado de esta forma:
    <DateTime v-bind:value="fecha_hora" v-on:input="fecha_hora = $event" />
    
    Que vendría ser equivalente a:
    <DateTime v-model="fecha_hora" />
*/
</script>