Vue component file template for PHPStorm/WebStorm/IntelliJ

Vue component

#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">
		#[[$END$]]#
	</div>
</template>

<script type="text/babel">
export default {
	name: '${COMPONENT_NAME_KEBAB}'
}
</script>

<style>
	.$COMPONENT_NAME {
		
	}
</style>