@qikdev/vue-ui 0.2.92 → 0.2.95
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 +44 -4
- package/dist/lib.es.js +4518 -4374
- package/dist/lib.es.js.map +1 -1
- package/dist/lib.umd.js +3 -3
- package/dist/lib.umd.js.map +1 -1
- package/dist/style.css +1 -1
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -1,7 +1,47 @@
|
|
|
1
|
-
# Vue 3 + Vite
|
|
2
1
|
|
|
3
|
-
This template should help get you started developing with Vue 3 in Vite. The template uses Vue 3 `<script setup>` SFCs, check out the [script setup docs](https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup) to learn more.
|
|
4
2
|
|
|
5
|
-
## Recommended IDE Setup
|
|
6
3
|
|
|
7
|
-
|
|
4
|
+
# Qik Vue UI Kit
|
|
5
|
+
|
|
6
|
+
[UI Kit Documentation](https://ui.docs.qik.dev) | [SDK Documentation](https://sdk.docs.qik.dev) | [REST API Documentation](https://rest.docs.qik.dev) | [Website](https://qik.dev)
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
### Usage
|
|
10
|
+
For use in Vue 3 projects where you want to use the Qik UI features and elements. This should be used in conjunction with the Qik Javascript SDK.
|
|
11
|
+
|
|
12
|
+
|
|
13
|
+
### Installation
|
|
14
|
+
|
|
15
|
+
```bash
|
|
16
|
+
npm install @qikdev/vue-ui --save
|
|
17
|
+
```
|
|
18
|
+
|
|
19
|
+
## Getting Started
|
|
20
|
+
|
|
21
|
+
```js
|
|
22
|
+
|
|
23
|
+
// Import the Qik sdk
|
|
24
|
+
import Qik from '@qikdev/sdk';
|
|
25
|
+
|
|
26
|
+
//Import the Qik module
|
|
27
|
+
import { QikUI, Selection, Device } from '@qikdev/vue-ui';
|
|
28
|
+
|
|
29
|
+
|
|
30
|
+
// Import and create a Vue Application
|
|
31
|
+
import { createApp } from 'vue'
|
|
32
|
+
import App from './App.vue'
|
|
33
|
+
const app = createApp(App)
|
|
34
|
+
|
|
35
|
+
// Create an instance of the SDK
|
|
36
|
+
const sdk = new Qik({
|
|
37
|
+
apiURL: 'production',
|
|
38
|
+
});
|
|
39
|
+
|
|
40
|
+
|
|
41
|
+
// Initialise the UI kit
|
|
42
|
+
app.use(QikUI, sdk);
|
|
43
|
+
|
|
44
|
+
// Mount your app
|
|
45
|
+
app.mount('#app')
|
|
46
|
+
|
|
47
|
+
```
|