🐍 A more pythonic javascript for Vue component file. (Pug + CoffeeScript + Stylus)
Create a app.pue
file
template
div
span {{ count }}
button(@click="count++") +
button(@click="count--") -
script
export default {
name: 'compo'
data: () ->
count: 0
}
style(scoped="scoped")
span
color red
npm i pue-loader css-loader vue-loader -D
webpack config
modules.export = {
module: {
rules: [
{
test: /\.pue$/,
loader: 'pue-loader'
}
]
}
}
- Sublime Text - https://github.com/QingWei-Li/pue-syntax-highlight
WTFPL