Skip to content

Commit 20d7e66

Browse files
committed
Update version to 1.0.3, add CSS import instructions to README, and enhance package.json with new style exports for better usability.
1 parent d3d37ad commit 20d7e66

File tree

2 files changed

+23
-2
lines changed

2 files changed

+23
-2
lines changed

README.md

Lines changed: 18 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -38,6 +38,24 @@ yarn add @ctechhindi/vue3-json-viewer
3838

3939
## 📖 Usage
4040

41+
### CSS Import (Required)
42+
43+
**Important:** You need to import the CSS file to see the styles. Choose one of these options:
44+
45+
```typescript
46+
// Option 1: Direct CSS import (recommended)
47+
import '@ctechhindi/vue3-json-viewer/dist/index.css'
48+
49+
// Option 2: Using the styles export
50+
import '@ctechhindi/vue3-json-viewer/styles'
51+
52+
// Option 3: Using the css export
53+
import '@ctechhindi/vue3-json-viewer/css'
54+
55+
// Option 4: In your main.ts or main.js
56+
import '@ctechhindi/vue3-json-viewer/dist/index.css'
57+
```
58+
4159
### Basic Usage
4260

4361
```vue

package.json

Lines changed: 5 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
22
"name": "@ctechhindi/vue3-json-viewer",
3-
"version": "1.0.2",
3+
"version": "1.0.3",
44
"description": "A modern, sleek Vue 3 JSON viewer component with tree and text modes",
55
"main": "dist/index.js",
66
"module": "dist/index.mjs",
@@ -67,6 +67,9 @@
6767
"./JsonViewer": {
6868
"import": "./src/components/JsonViewer.vue",
6969
"types": "./src/components/JsonViewer.vue"
70-
}
70+
},
71+
"./styles": "./dist/index.css",
72+
"./dist/index.css": "./dist/index.css",
73+
"./css": "./dist/index.css"
7174
}
7275
}

0 commit comments

Comments
 (0)