Shell script to convert Vue single-file component files (.vue) into vanilla JS Vue components

vue_sfc.sh

# In shell, run `sh vue_sfc.sh inputfile.vue outputfile.js`
# HTML template and JS conversion only (doesn't do CSS), but it *can* do multiple components in one file.
# Note: you need to wrap your components in a non-standard tag `<component name="component_name">...</component>`

cat $1 | \
perl -00 -pe 's|\n\n|\n|gs' | \
perl -00 -pe 's|<component name="(.*?)">|Vue.component("\1", {\n\ttemplate:|gs' | \
perl -00 -pe 's|<template>(.*?)<\/template>|`\1`,|gs' | \
perl -00 -pe 's|<script>.*?{| |gs' | \
perl -00 -pe 's|<\/script>.*?</component>|);\n|gs' | \
perl -00 -pe 's|<!--.*?-->||gs' \
> $2