#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, Model, Prop, Vue } from 'vue-property-decorator'

@Component({
  name: '${ComponentNamePrefix}${ComponentName}'
})
export default class ${ComponentName} extends Vue {
  @Model('input', { type: String })
  value!: string
}
</script>

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