VUE.js Component Compiler

Is a simple compiler for Vue.js Single File Components. I love this framework because of its simplicity. I also love the fact that it only needs a single script tag to start hacking!

This comment on Reddit is a good explanation of what I wanted to achieve.

Getting started

The tool is really basic and do not support a bunch of things. Styles (scoped or not) will not be copied at this moment.

# install the cli
npm install -g vuecc
# just compile your files to javascript
vuecc component-1.vue component-2.vue > components.js

Example

Simple Vue file foo.vue:

<template>
  <div class="container">
    <p class="hello">{{foo.text}}</p>
  </div>
</template>

<script>
module.exports = {
  props: ['foo']
}
</script>

Compile to something as simple as this:

Vue.component("foo", {
  template: '<div class="container"><p class="hello">{{foo.text}}</p></div>',
  props: [ "foo" ]
});