iamdebabrataghosh / vue-clock-simple

Repo for the article How To Publish Your Vue.js Component On NPM

vue-clock-simple

A Vue component that shows a clock.

This isn't particularly useful, it's used as a demo for how to publish Vue components to NPM!

Installation

npm i --save-dev vue-clock-simple

Browser

Include the script file, then install the component with Vue.use(VueClock); e.g.:

<script type="text/javascript" src="node_modules/vuejs/dist/vue.min.js"></script>
<script type="text/javascript" src="node_modules/vue-clock-simple/dist/vue-clock.min.js"></script>
<script type="text/javascript">
  Vue.use(VueClock);
</script>

Module

import VueClock from 'vue-clock';

Usage

Once installed, it can be used in a template as simply as:

<vue-clock></vue-clock>