File tree Expand file tree Collapse file tree 1 file changed +34
-0
lines changed Expand file tree Collapse file tree 1 file changed +34
-0
lines changed Original file line number Diff line number Diff line change 59
59
60
60
** npm**
61
61
``` shell
62
+ # Vue 2
62
63
npm install vue-socials
64
+
65
+ # Vue 3
66
+ npm install vue-socials@next
63
67
```
64
68
65
69
** yarn**
66
70
``` shell
71
+ # Vue 2
67
72
yarn add vue-socials
73
+
74
+ # Vue 3
75
+ yarn add vue-socials@next
68
76
```
69
77
70
78
** Import all components**
71
79
``` js
80
+ /**
81
+ * Vue 2
82
+ */
72
83
import Vue from ' vue'
73
84
import VueSocials from ' vue-socials' ;
74
85
75
86
Vue .use (VueSocials)
87
+
88
+ /**
89
+ * Vue 3
90
+ */
91
+ import { createApp } from ' vue'
92
+ import VueSocials from ' vue-socials' ;
93
+ import App from ' ./App.vue'
94
+
95
+ const app = createApp (App)
96
+ app .use (VueSocials)
76
97
```
77
98
78
99
** Import only specific component**
79
100
``` js
101
+ /**
102
+ * Vue 2
103
+ */
80
104
import Vue from ' vue'
81
105
import { SGithub } from ' vue-socials' ;
82
106
83
107
Vue .component (' SGithub' , SGithub)
108
+
109
+ /**
110
+ * Vue 3
111
+ */
112
+ import { createApp } from ' vue'
113
+ import { SGithub } from ' vue-socials' ;
114
+ import App from ' ./App.vue'
115
+
116
+ const app = createApp (App)
117
+ app .component (' SGithub' , SGithub)
84
118
```
85
119
86
120
You can’t perform that action at this time.
0 commit comments