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
16
16
```
17
17
18
18
19
- ## How to use
19
+ ## Import in Vue.js
20
+ In your ` main.js ` file:
21
+
20
22
``` javascript
23
+ import Vue from ' vue'
21
24
import OnoffToggle from ' vue-onoff-toggle'
22
25
23
- new Vue ({
24
- components: {
25
- OnoffToggle
26
- },
27
- data () {
28
- return {
29
- checked: false
30
- }
31
- }
32
- })
26
+ Vue .use (OnoffToggle)
33
27
```
34
28
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:
35
53
``` html
36
54
<onoff-toggle v-model =" checked" />
37
55
Original file line number Diff line number Diff line change 1
1
{
2
2
"name" : " vue-onoff-toggle" ,
3
- "version" : " 1.0.6 " ,
3
+ "version" : " 1.1.0 " ,
4
4
"description" : " A smart, lightweight and easy-to-use on/off toggle component for Vue.js with multiple themes." ,
5
5
"main" : " dist/vue-onoff-toggle.ssr.js" ,
6
6
"browser" : " dist/vue-onoff-toggle.esm.js" ,
You can’t perform that action at this time.
0 commit comments