Vue SVG Arrow component

Arrow.vue

<template lang="i18n">
    <svg xmlns="http://www.w3.org/2000/svg" :width.once="width" :height.once="height" viewBox="0 0 8 13">
        <path d="M6.4 12.7L.3 6.5 6.4.2l1.3 1.3-4.9 5 4.9 4.9z" :transform.once="'rotate('+rotation+')'" :fill="color"/>
    </svg>
</template>

<script>
    export default {
        data: function(){
            return {};
        },
        props:{
            rotation:{
                type: String,
                default:'0'
            },
            color:{
                type: String,
                default: '#969696'
            },
            height:{
                type: String,
                default:'1em'
            },
            width:{
                type: String,
                default:'1em'
            }
        }
    }
</script>