File tree Expand file tree Collapse file tree 3 files changed +34
-12
lines changed Expand file tree Collapse file tree 3 files changed +34
-12
lines changed Original file line number Diff line number Diff line change 1+ build
2+ dev
3+ node_modules
4+ babel.config.js
Original file line number Diff line number Diff line change @@ -16,22 +16,40 @@ yarn add vue-onoff-toggle
1616```
1717
1818
19- ## How to use
19+ ## Import in Vue.js
20+ In your ` main.js ` file:
21+
2022``` javascript
23+ import Vue from ' vue'
2124import OnoffToggle from ' vue-onoff-toggle'
2225
23- new Vue ({
24- components: {
25- OnoffToggle
26- },
27- data () {
28- return {
29- checked: false
30- }
31- }
32- })
26+ Vue .use (OnoffToggle)
3327```
3428
29+ ## Import in Nuxt.js
30+ Create a new plugin in ` plugins/vue-onoff-toggle.js ` :
31+
32+ ``` javascript
33+ import Vue from ' vue'
34+ import OnoffToggle from ' vue-onoff-toggle'
35+
36+ Vue .use (OnoffToggle)
37+ ```
38+
39+ Add this new plugin to ` nuxt.config.js `
40+
41+ ``` javascript
42+ module .exports = {
43+ // ...
44+ plugins: [
45+ // ...
46+ ' ~plugins/vue-onoff-toggle'
47+ ]
48+ }
49+ ```
50+
51+ ## How to use
52+ After import, use ` onoff-toggle ` tag inside your vue template:
3553``` html
3654<onoff-toggle v-model =" checked" />
3755
Original file line number Diff line number Diff line change 11{
22 "name" : " vue-onoff-toggle" ,
3- "version" : " 1.0.6 " ,
3+ "version" : " 1.1.0 " ,
44 "description" : " A smart, lightweight and easy-to-use on/off toggle component for Vue.js with multiple themes." ,
55 "main" : " dist/vue-onoff-toggle.ssr.js" ,
66 "browser" : " dist/vue-onoff-toggle.esm.js" ,
You can’t perform that action at this time.
0 commit comments