IntelliJ Vue Single File Component File Template

gistfile1.txt

#set( $regex = "([a-z])([A-Z]+)")
#set( $replacement = "$1-$2")
#set( $COMPONENT_NAME_KEBAB = $COMPONENT_NAME.replaceAll($regex, $replacement).toLowerCase())
<template>
    <div class="${COMPONENT_NAME_KEBAB}">
        #[[$END$]]#
    </div>
</template>

<script>
export default {
name: "${COMPONENT_NAME}"
}
</script>

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