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