0.2.5 • Published 1 year ago
@dangvanthanh/vue-clock v0.2.5
Vue Clock
Simple clock component using Vue.js
Install
CDN
<script src="https://unpkg.com/@dangvanthanh/vue-clock"></script>
NPM
$ npm install @dangvanthanh/vue-clock --save
Usage
Vue
import Vue from 'vue'
import VueClock from '@dangvanthanh/vue-clock'
Vue.use(VueClock)
<template>
<div class="app">
<h3>Display all</h3>
<VueClock />
<h3>Hidden hour</h3>
<VueClock :isHour="false"/>
<h3>Hidden minute and second</h3>
<VueClock :isMinute="false" :isSecond="false"/>
</div>
</template>
<script>
import VueClock from '@dangvanthanh/vue-clock'
export default {
components: { VueClock },
}
</script>
Nuxt (or SSR)
import Vue from 'vue'
import VueClock from '@dangvanthanh/vue-clock'
Vue.component('VueClock', VueClock)
// or
// Vue.use(VueClock);
Props
Name | Type | Default | Description |
---|---|---|---|
isHour | Boolean | true | Display/hidden hour |
isMinute | Boolean | true | Display/hidden minute |
isSecond | Boolean | true | Display/hidden second |
License
MIT © Dang Van Thanh