Vuejs standalone component template using karma for testing

DEPRECATED: USE P11N INSTEAD

Build your standalone components using this tiny template.

This template is Vue 2.x only.

This is a project template for vue-cli.

$ npm install -g vue-cli $ vue init InCuca/vue-standalone-component my-component $ cd my-component $ npm install $ npm run serve

The generated output in ./dist can be used with node and the browser.

PS: to build to UMD run npm run build:umd

• Karma for testing
• Demo and documentation page from vue-styleguidist
• Release it! support
• Babel and ESLint

$ npm run lint

$ npm run test $ npm run test:watch $ npm run test:cov

$ npm run build

import myCmp from 'dist/my-cmp'; Vue.component('my-cmp', myCmp);

$ npm run build:umd

<script src="https://unpkg.com/vue" charset="utf-8"></script> <script src="./dist/my-cmp.min.js" charset="utf-8"></script> <div id="app"></div> <script type="text/javascript"> Vue.component('my-cmp', window.MyCmp.default); new Vue({ el: '#app', template: '<my-cmp text="Hello World!"></my-cmp>', }); </script>