Skip to content

Commit caf5d8b

Browse files
committed
Inserting vue v3 details
1 parent 07fe57f commit caf5d8b

File tree

1 file changed

+35
-1
lines changed

1 file changed

+35
-1
lines changed

README.md

Lines changed: 35 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -17,18 +17,36 @@ Responsive grid system based on Bootstrap for Vue.
1717

1818
### NPM
1919

20+
**vue 2.0**
21+
2022
```
2123
npm i vue-grid-responsive
2224
// OR
2325
yarn add vue-grid-responsive
2426
```
2527

28+
**vue 3.0**
29+
30+
```
31+
npm i vue-grid-responsive@next
32+
// OR
33+
yarn add vue-grid-responsive@next
34+
```
35+
2636
### CDN
2737

38+
**vue 2.0**
39+
2840
```html
2941
<script src="https://unpkg.com/vue-grid-responsive"></script>
3042
```
3143

44+
**vue 3.0**
45+
46+
```html
47+
<script src="https://unpkg.com/vue-grid-responsive@next"></script>
48+
```
49+
3250
### Manual
3351

3452
You can also download and import it manually
@@ -39,12 +57,28 @@ You can also download and import it manually
3957

4058
## Module import
4159

60+
**vue 2.0**
61+
4262
```js
4363
import Vue from 'vue';
44-
import { Row, Column } from 'vue-grid-responsive';
64+
import { Row, Column, Hidden } from 'vue-grid-responsive';
4565

4666
Vue.component('row', Row);
4767
Vue.component('column', Column);
68+
Vue.component('hidden', Hidden);
69+
```
70+
71+
**vue 3.0**
72+
73+
```js
74+
import { createApp } from 'vue';
75+
import { Row, Column, Hidden } from 'vue-grid-responsive';
76+
77+
const app = createApp(App);
78+
79+
app.component('row', Row);
80+
app.component('column', Column);
81+
app.component('hidden', Hidden);
4882
```
4983

5084
## Examples

0 commit comments

Comments
 (0)