QingWei-Li / pue-loader

🐍 A more pythonic javascript for Vue component file. (Pug + CoffeeScript + Stylus)

pue-loader

🐍 A more pythonic javascript for Vue component file. (Pug + CoffeeScript + Stylus)

Usage

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

Installation

npm i pue-loader css-loader vue-loader -D

webpack config

modules.export = {
  module: {
    rules: [
      {
        test: /\.pue$/,
        loader: 'pue-loader'
      }
    ]
  }
}

Syntax highlight

• Sublime Text - https://github.com/QingWei-Li/pue-syntax-highlight

License

WTFPL