README.md

Vue Web Components - TODO App

Based on TodoMVC.

Project setup

yarn install

Compiles and hot-reloads for development

yarn run serve

Compiles and minifies for production

yarn run build

Build as Web Component

vue build --target wc --name vue-todo-app ./src/App.vue

• --name is component name
• ./src.App.vue is path to component (more info in vue-cli docs)

Short version:

yarn build-wc

Run as Web Component

First, you must install little server:

yarn global add static-server

Next:

cd dist && static-server -i demo.html

Short version:

yarn run-wc

Lints and fixes files

yarn run lint

Resources

• vue-cli docs about Web Components