https://github.com/qingwei-li/pue-loader

🐍 A more pythonic javascript for Vue component file. (Pug + CoffeeScript + Stylus)
https://github.com/qingwei-li/pue-loader

coffeescript pug stylus vue vue-components vue-loader

Last synced: 2 months ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/qingwei-li/pue-loader
• Owner: QingWei-Li
• License: wtfpl
• Created: 2017-04-01T09:12:57.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2017-04-05T13:47:27.000Z (over 7 years ago)
• Last Synced: 2024-04-14T03:04:37.513Z (9 months ago)
• Topics: coffeescript, pug, stylus, vue, vue-components, vue-loader
• Language: JavaScript
• Homepage:
• Size: 60.5 KB
• Stars: 20
• Watchers: 3
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# pue-loader

[![Build Status](https://img.shields.io/travis/QingWei-Li/pue-loader.svg?style=flat-square)](https://travis-ci.org/QingWei-Li/pue-loader)

[![npm](https://img.shields.io/npm/v/pue-loader.svg?style=flat-square)](https://www.npmjs.com/package/pue-loader)

![vue](https://img.shields.io/badge/vue-2.x-4fc08d.svg?colorA=2c3e50&style=flat-square)

[![](https://img.shields.io/badge/%24-donate-green.svg?style=flat-square)](https://github.com/QingWei-Li/donate)

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

## Usage

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

```

## Installation

```shell

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

```

webpack config

```javascript

modules.export = {

  module: {

    rules: [

      {

        test: /\.pue$/,

        loader: 'pue-loader'

      }

    ]

  }

}

```

## Syntax highlight

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

## License

WTFPL