12
12
[ npm-coreui-vue-badge-latest] : https://img.shields.io/npm/v/@coreui/vue/latest?style=flat-square&color=brightgreen
13
13
[ coreui ] : https://coreui.io/vue
14
14
15
- > A @coreui/vue ` v3 ` components library project
15
+ > A @coreui/vue ` v4 ` components library project
16
16
17
17
## Over 90 bootstrap based Vue.js components and directives!
18
18
19
- ### For library guide please visit our [ Documentation site »] ( https://coreui.io/vue/docs )
19
+ ### For library guide please visit our [ Documentation site »] ( https://coreui.io/vue/docs/ )
20
20
21
- Check out demo of components usage: [ CoreUI Vue Admin Template »] ( https://coreui.io/vue/demo )
21
+ Check out demo of components usage: [ CoreUI Vue Admin Template »] ( https://coreui.io/vue/demo/ )
22
22
23
23
![ Template] ( https://coreui.io/images/github/vue-free-template-3.gif )
24
24
@@ -49,14 +49,14 @@ Basic usage:
49
49
50
50
``` js
51
51
// Installing whole package
52
- import CoreuiVue from ' @coreui/vue' ;
53
- Vue .use (CoreuiVue);
52
+ import CoreuiVue from ' @coreui/vue@next ' ;
53
+ app .use (CoreuiVue);
54
54
55
55
// Registering a single component
56
56
import { CSwitch , CButton } from ' @coreui/vue' ;
57
57
58
58
// globally
59
- Vue .component (' CButton' , CButton)
59
+ app .component (' CButton' , CButton)
60
60
61
61
export default {
62
62
...
@@ -72,10 +72,10 @@ export default {
72
72
73
73
``` js
74
74
// Registering single directives
75
- import { CEmitRootEvent , CTooltip } from ' @coreui/vue' ;
75
+ import { CPopover , CTooltip } from ' @coreui/vue' ;
76
76
77
77
// globally
78
- Vue .directive (' c-emit-root-event ' , CEmitRootEvent )
78
+ app .directive (' c-tooltip ' , CTooltip )
79
79
80
80
export default {
81
81
...
@@ -93,7 +93,7 @@ Components are imported from CommonJS module by default, if you want to use only
93
93
94
94
``` js
95
95
// Import components this way to allow tree shaking
96
- import { CDataTable } from ' @coreui/vue/src' ;
96
+ import { CAlert } from ' @coreui/vue/src' ;
97
97
```
98
98
99
99
### Code autocompletion
@@ -106,8 +106,6 @@ See the GitHub [release history](https://github.com/coreui/coreui-vue/releases).
106
106
107
107
### Contributing
108
108
109
- See [ CONTRIBUTING.md] ( https://github.com/coreui/coreui-vue/blob/master /CONTRIBUTING.md ) .
109
+ See [ CONTRIBUTING.md] ( https://github.com/coreui/coreui-vue/blob/v4 /CONTRIBUTING.md ) .
110
110
111
- ### Credits
112
111
113
- Some design ideas and solutions in this library are inspired by [ Bootstrap-Vue library] ( https://bootstrap-vue.js.org/ )
0 commit comments