vue-data-ui 1.9.5 → 1.9.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/README.md
CHANGED
|
@@ -56,4 +56,40 @@ Available components:
|
|
|
56
56
|
- [VueUiScreenshot](https://vue-data-ui.graphieros.com/docs#vue-ui-screenshot)
|
|
57
57
|
- [VueUiSkeleton](https://vue-data-ui.graphieros.com/docs#vue-ui-skeleton)
|
|
58
58
|
- [VueUiDashboard](https://vue-data-ui.graphieros.com/docs#vue-ui-dashboard)
|
|
59
|
-
- [VueUiAnnotator](https://vue-data-ui.graphieros.com/docs#vue-ui-annotator)
|
|
59
|
+
- [VueUiAnnotator](https://vue-data-ui.graphieros.com/docs#vue-ui-annotator)
|
|
60
|
+
|
|
61
|
+
# Installation
|
|
62
|
+
```
|
|
63
|
+
npm i vue-data-ui
|
|
64
|
+
```
|
|
65
|
+
|
|
66
|
+
You can declare components globally in your main.js:
|
|
67
|
+
|
|
68
|
+
```
|
|
69
|
+
import { createApp } from 'vue'
|
|
70
|
+
import App from "./App.vue";
|
|
71
|
+
// Include the css;
|
|
72
|
+
import "vue-data-ui/style.css";
|
|
73
|
+
|
|
74
|
+
// You can declare Vue Data UI components globally
|
|
75
|
+
import { VueUiRadar } from "vue-data-ui";
|
|
76
|
+
|
|
77
|
+
const app = createApp(App);
|
|
78
|
+
|
|
79
|
+
app.component("VueUiRadar", VueUiRadar);
|
|
80
|
+
app.mount('#app');
|
|
81
|
+
```
|
|
82
|
+
|
|
83
|
+
Or you can import just what you need in your files:
|
|
84
|
+
|
|
85
|
+
```
|
|
86
|
+
<script setup>
|
|
87
|
+
import { VueUiRadar, VueUiXy } from "vue-data-ui";
|
|
88
|
+
</script>
|
|
89
|
+
```
|
|
90
|
+
|
|
91
|
+
## Typescript
|
|
92
|
+
Types are available in the 'vue-data-ui.d.ts' file under the types directory of the package.
|
|
93
|
+
|
|
94
|
+
## Nuxt
|
|
95
|
+
[Check this repo for a boilerplate implementation in Nuxt](https://github.com/graphieros/vue-data-ui-nuxt)
|