Vue Typescript Component File Template as WebStorm #vue

vue-typescript-component.vue

#set( $ClassName = "${Prefix}-${NAME}" )
#set( $ComponentNamePrefix = ${StringUtils.removeAndHump(${Prefix}, "-")} )
#set( $ComponentName = ${StringUtils.removeAndHump(${NAME}, "-")} )
<template>
  <div class="${ClassName}">#[[$END$]]#</div> 
</template>

<script lang="ts">
import { Component, Prop, Vue } from 'vue-property-decorator'

@Component({
  name: '${ComponentNamePrefix}${ComponentName}'
})
export default class ${ComponentName} extends Vue {
}
</script>

<style lang="scss">
.${ClassName} {}
</style>