File tree Expand file tree Collapse file tree 2 files changed +23
-2
lines changed Expand file tree Collapse file tree 2 files changed +23
-2
lines changed Original file line number Diff line number Diff 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
Original file line number Diff line number Diff line change 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" ,
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}
You can’t perform that action at this time.
0 commit comments