Bash Script to Create Vue SFC split into 4 files

Hi all,

This is my first post here, but I’ve used Vue and Nuxt professionally and in personal projects for the past two years. Anyway… I’ve been experimenting with splitting my SFC’s into 4 separate files with index.vue, styles.scss, script.js, and template.html all nested in a single folder recently, but it can be incredibly tedious to create four files and a directory every time I wanted to create a new component.

To make it easier on myself, I wrote a shell script that would do this for me, and I figured I’d share it with the community in case anybody else wanted to use it.