veloce-vue 0.10.0 → 0.11.0
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 +6 -6
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -7,7 +7,7 @@ A modern Vue.js UI component library built with Vue, Typescript, Storybook and T
|
|
|
7
7
|
Install the library from NPM:
|
|
8
8
|
|
|
9
9
|
```bash
|
|
10
|
-
pnpm add
|
|
10
|
+
pnpm add veloce-vue
|
|
11
11
|
```
|
|
12
12
|
|
|
13
13
|
## Setup
|
|
@@ -17,7 +17,7 @@ pnpm add @sherazjutt/vue-components
|
|
|
17
17
|
Import the library's styles in your main application file:
|
|
18
18
|
|
|
19
19
|
```javascript
|
|
20
|
-
import "
|
|
20
|
+
import "veloce-vue/style.css";
|
|
21
21
|
```
|
|
22
22
|
|
|
23
23
|
### 2. Import Components
|
|
@@ -25,7 +25,7 @@ import "@sherazjutt/vue-components/style.css";
|
|
|
25
25
|
Import the components you need in your Vue components:
|
|
26
26
|
|
|
27
27
|
```javascript
|
|
28
|
-
import { Button } from "
|
|
28
|
+
import { Button } from "veloce-vue";
|
|
29
29
|
```
|
|
30
30
|
|
|
31
31
|
## Usage Example
|
|
@@ -39,7 +39,7 @@ import { Button } from "@sherazjutt/vue-components";
|
|
|
39
39
|
</template>
|
|
40
40
|
|
|
41
41
|
<script setup>
|
|
42
|
-
import { Button } from "
|
|
42
|
+
import { Button } from "veloce-vue";
|
|
43
43
|
</script>
|
|
44
44
|
```
|
|
45
45
|
|
|
@@ -48,7 +48,7 @@ import { Button } from "@sherazjutt/vue-components";
|
|
|
48
48
|
In your main application file (e.g., `main.ts`):
|
|
49
49
|
|
|
50
50
|
```javascript
|
|
51
|
-
import "
|
|
51
|
+
import "veloce-vue/styles.css";
|
|
52
52
|
import "./style.css";
|
|
53
53
|
|
|
54
54
|
import { createApp } from "vue";
|
|
@@ -85,7 +85,7 @@ To test the storybook locally, you can run `pnpm run preview-storybook`. This wi
|
|
|
85
85
|
Create `ui.config.ts` and add the following code:
|
|
86
86
|
|
|
87
87
|
```javascript
|
|
88
|
-
import { config } from "
|
|
88
|
+
import { config } from "veloce-vue";
|
|
89
89
|
|
|
90
90
|
const themeConfig = {
|
|
91
91
|
colors: {
|