Code snippet for .vue component in Sublime Text3

<snippet>  <content><![CDATA[<template></template><script>export default {  name: '${1:component_name}',  props: {    yakima: {      type: Object,      default () {        return {}      }    }  },  data () {    return {    };  },  methods: {    yakima () {}  },  ready () {    let _this = this    console.log(_this)  }};</script><style lang="${2:less}" scoped>  ${3:@import '../styles/tools.less';}  ${4:@import '../styles/animation.less';}</style>]]></content>  <!-- Optional: Set a tabTrigger to define how to trigger the snippet -->  <tabTrigger>vuetemplate</tabTrigger>  <!-- Optional: Set a scope to limit where the snippet will trigger -->  <!-- <scope>source.python</scope> --></snippet>