vue-night-switch

1.0.2 • Public • Published

vue-night-switch Build Status npm package

vue-night-switch has the power to switch night/daytime. You can use it as vue-directive or vue-component.

Demo

Scan the qr-code using your phone

image

Or visit http://adoug.club:3000/vueNightSwitch in your phone

Install

 npm install vue-night-switch --save

Usage: as an directive

You can add v-night to any HTML Element

<button v-night></button>

CommonJs

You can use any build tool supports CommonJs

// register globally
var nightDirective = require('vue-night-switch').NightDirective
Vue.use(nightDirective)
 
// or for an single instance
var nightDirective = require('vue-night-switch').NightDirective
new Vue({
  directives: {nightDirective}
})

ES6

ES6 module is also supported with build tools support babel

import {NightDirective} from 'vue-night-switch'

Usage: as an vue component

Just add tag <night-switch />. It has default style.

<body>
  <night-switch />
</body>

CommonJs

var NightSwitch = require('vue-night-switch')
Vue.use(NightSwitch)

ES6

import NightSwitch from 'vue-night-switch'
Vue.use(NightSwitch)

Usage: Directly use

Include vue-night-switch.js in your JavaScript bundle or add it to your HTML page like this:

<script src="/path/to/vue.js"></script>
<script src="/path/to/vue-night-switch.js"></script>

The file places in dist/vue-night-switch.js

Other

npm run build: get bundle in /dist built by webpack

npm run test: get unit test result supported by karma

By the way, if you has interest, the project is developed by fis3

you can build and cat examples/demo1.html by:

fis3 release -d ./dev
fis3 server start --www ./dev

Readme

Keywords

Package Sidebar

Install

npm i vue-night-switch

Weekly Downloads

9

Version

1.0.2

License

MIT

Last publish

Collaborators

  • adoug