VueClock

Awesome VueClock for Vue.js

Installation

yarn add msms-vue-clock
# or
npm install --save msms-vue-clock

Usage

Bundler (Webpack, Rollup)

import Vue from 'vue'
import VueClock from 'msms-vue-clock'
// You need a specific loader for CSS files like https://github.com/webpack/css-loader
import '~msms-vue-clock/dist/msms-vue-clock.css'

Vue.use(VueClock)

Browser

<!-- Include after Vue -->
<!-- Local files -->
<link rel="stylesheet" href="~msms-vue-clock/dist/msms-vue-clock.css"></link>
<script src="~msms-vue-clock/dist/msms-vue-clock.js"></script>

<!-- From CDN -->
<link rel="stylesheet" href="https://unpkg.com/msms-vue-clock/dist/msms-vue-clock.css"></link>
<script src="https://unpkg.com/msms-vue-clock"></script>

Development

Launch dev environment

yarn run storybook
npm run storybook

Launch test

yarn test
npm run test

Build

Bundle the js and css of to the dist folder:

yarn build
npm run build

Publishing

The prepublish hook will ensure dist files are created before publishing. This way you don't need to commit them in your repository.

# Bump the version first
# It'll also commit it and create a tag
npm version
# Push the bumped package and tags
git push --follow-tags
# Ship it 🚀
npm publish

License

MIT