vue-night-switch
v1.0.2
Published
a vue element/directive for turning on/off light
Downloads
14
Readme
vue-night-switch 
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
Or visit http://adoug.club:3000/vueNightSwitch in your phone
Install
npm install vue-night-switch --saveUsage: 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 ./devfis3 server start --www ./dev