|
94 | 94 |
|
95 | 95 | ## Install |
96 | 96 |
|
97 | | -### Dependencies |
98 | | - |
99 | | -As of v0.11, it's no longer necessary to explicitly install the [vanilla-jsoneditor](https://github.com/josdejong/svelte-jsoneditor) dependency. |
100 | | - |
101 | | -#### Update Dependency Versions |
102 | | - |
103 | | -```shell |
104 | | -npm rm json-editor-vue && npm i json-editor-vue |
105 | | -``` |
106 | | - |
107 | | -> [!Warning] |
108 | | -> |
109 | | -> Not working for major version bump, fot that you can [specify dependency versions](#specify-dependency-versions) (if necessary) |
110 | | -
|
111 | | -#### Specify Dependency Versions |
112 | | - |
113 | | -```json5 |
114 | | -// package.json |
115 | | -{ |
116 | | - // npm/cnpm/bun |
117 | | - "overrides": { |
118 | | - "vanilla-jsoneditor": "***", |
119 | | - "vue-demi": "***" |
120 | | - }, |
121 | | - // yarn/bun |
122 | | - "resolutions": { |
123 | | - "vanilla-jsoneditor": "***", |
124 | | - "vue-demi": "***" |
125 | | - }, |
126 | | - // pnpm |
127 | | - "pnpm": { |
128 | | - "overrides": { |
129 | | - "vanilla-jsoneditor": "***", |
130 | | - "vue-demi": "***" |
131 | | - } |
132 | | - } |
133 | | -} |
134 | | -``` |
135 | | - |
136 | | -With Scope: |
137 | | - |
138 | | -```json5 |
139 | | -// package.json |
140 | | -{ |
141 | | - // npm/cnpm/bun |
142 | | - "overrides": { |
143 | | - "json-editor-vue": { |
144 | | - "vanilla-jsoneditor": "***", |
145 | | - "vue-demi": "***" |
146 | | - } |
147 | | - }, |
148 | | - // yarn/bun |
149 | | - "resolutions": { |
150 | | - "json-editor-vue/vanilla-jsoneditor": "***", |
151 | | - "json-editor-vue/vue-demi": "***" |
152 | | - }, |
153 | | - // pnpm |
154 | | - "pnpm": { |
155 | | - "overrides": { |
156 | | - "json-editor-vue>vanilla-jsoneditor": "***", |
157 | | - "json-editor-vue>vue-demi": "***" |
158 | | - } |
159 | | - } |
160 | | -} |
161 | | -``` |
162 | | - |
163 | | -<br> |
164 | | - |
165 | 97 | ### Vue 3 |
166 | 98 |
|
167 | 99 | ```shell |
@@ -218,7 +150,7 @@ createApp() |
218 | 150 | "vue": "https://cdn.jsdelivr.net/npm/vue/dist/vue.esm-browser.prod.js", |
219 | 151 | "vue-demi": "https://cdn.jsdelivr.net/npm/vue-demi/lib/v3/index.mjs", |
220 | 152 | "vanilla-jsoneditor": "https://cdn.jsdelivr.net/npm/vanilla-jsoneditor", |
221 | | - "json-editor-vue": "https://cdn.jsdelivr.net/npm/json-editor-vue@0.17/dist/json-editor-vue.mjs" |
| 153 | + "json-editor-vue": "https://cdn.jsdelivr.net/npm/json-editor-vue@0.18/dist/json-editor-vue.mjs" |
222 | 154 | } |
223 | 155 | } |
224 | 156 | </script> |
@@ -262,7 +194,7 @@ createApp() |
262 | 194 | <script src="https://cdn.jsdelivr.net/npm/vue-demi"></script> |
263 | 195 | <!-- TODO --> |
264 | 196 | <script src="./vanilla-jsoneditor.umd.js"></script> |
265 | | - <script src="https://cdn.jsdelivr.net/npm/json-editor-vue@0.17"></script> |
| 197 | + <script src="https://cdn.jsdelivr.net/npm/json-editor-vue@0.18"></script> |
266 | 198 | <script> |
267 | 199 | const { createApp, ref } = Vue |
268 | 200 |
|
@@ -334,7 +266,7 @@ Vue.use(JsonEditorVue, { |
334 | 266 | "vue": "https://cdn.jsdelivr.net/npm/vue@2/dist/vue.esm.browser.min.js", |
335 | 267 | "vue-demi": "https://cdn.jsdelivr.net/npm/vue-demi/lib/v2.7/index.mjs", |
336 | 268 | "vanilla-jsoneditor": "https://cdn.jsdelivr.net/npm/vanilla-jsoneditor", |
337 | | - "json-editor-vue": "https://cdn.jsdelivr.net/npm/json-editor-vue@0.17/dist/json-editor-vue.mjs" |
| 269 | + "json-editor-vue": "https://cdn.jsdelivr.net/npm/json-editor-vue@0.18/dist/json-editor-vue.mjs" |
338 | 270 | } |
339 | 271 | } |
340 | 272 | </script> |
@@ -379,7 +311,7 @@ Vue.use(JsonEditorVue, { |
379 | 311 | <script src="https://cdn.jsdelivr.net/npm/vue-demi"></script> |
380 | 312 | <!-- TODO --> |
381 | 313 | <script src="./vanilla-jsoneditor.umd.js"></script> |
382 | | - <script src="https://cdn.jsdelivr.net/npm/json-editor-vue@0.17"></script> |
| 314 | + <script src="https://cdn.jsdelivr.net/npm/json-editor-vue@0.18"></script> |
383 | 315 | <script> |
384 | 316 | new Vue({ |
385 | 317 | components: { JsonEditorVue }, |
@@ -468,7 +400,7 @@ Vue.use(JsonEditorVue, { |
468 | 400 | "@vue/composition-api/dist/vue-composition-api.mjs": "https://cdn.jsdelivr.net/npm/@vue/composition-api/dist/vue-composition-api.mjs", |
469 | 401 | "vue-demi": "https://cdn.jsdelivr.net/npm/vue-demi/lib/v2/index.mjs", |
470 | 402 | "vanilla-jsoneditor": "https://cdn.jsdelivr.net/npm/vanilla-jsoneditor", |
471 | | - "json-editor-vue": "https://cdn.jsdelivr.net/npm/json-editor-vue@0.17/dist/json-editor-vue.mjs" |
| 403 | + "json-editor-vue": "https://cdn.jsdelivr.net/npm/json-editor-vue@0.18/dist/json-editor-vue.mjs" |
472 | 404 | } |
473 | 405 | } |
474 | 406 | </script> |
@@ -514,7 +446,7 @@ Vue.use(JsonEditorVue, { |
514 | 446 | <script src="https://cdn.jsdelivr.net/npm/vue-demi"></script> |
515 | 447 | <!-- TODO --> |
516 | 448 | <script src="./vanilla-jsoneditor.umd.js"></script> |
517 | | - <script src="https://cdn.jsdelivr.net/npm/json-editor-vue@0.17"></script> |
| 449 | + <script src="https://cdn.jsdelivr.net/npm/json-editor-vue@0.18"></script> |
518 | 450 | <script> |
519 | 451 | const { createApp, ref } = VueCompositionAPI |
520 | 452 |
|
@@ -966,6 +898,72 @@ module.exports = { |
966 | 898 |
|
967 | 899 | <br> |
968 | 900 |
|
| 901 | +### Update Dependency Versions |
| 902 | + |
| 903 | +```shell |
| 904 | +npm rm json-editor-vue && npm i json-editor-vue |
| 905 | +``` |
| 906 | + |
| 907 | +> [!Warning] |
| 908 | +> |
| 909 | +> Not working for major version bump, fot that you can [specify dependency versions](#specify-dependency-versions) (if necessary) |
| 910 | +
|
| 911 | +<br> |
| 912 | + |
| 913 | +### Specify Dependency Versions |
| 914 | + |
| 915 | +```json5 |
| 916 | +// package.json |
| 917 | +{ |
| 918 | + // npm/cnpm/bun |
| 919 | + "overrides": { |
| 920 | + "vanilla-jsoneditor": "***", |
| 921 | + "vue-demi": "***" |
| 922 | + }, |
| 923 | + // yarn/bun |
| 924 | + "resolutions": { |
| 925 | + "vanilla-jsoneditor": "***", |
| 926 | + "vue-demi": "***" |
| 927 | + }, |
| 928 | + // pnpm |
| 929 | + "pnpm": { |
| 930 | + "overrides": { |
| 931 | + "vanilla-jsoneditor": "***", |
| 932 | + "vue-demi": "***" |
| 933 | + } |
| 934 | + } |
| 935 | +} |
| 936 | +``` |
| 937 | + |
| 938 | +With Scope: |
| 939 | + |
| 940 | +```json5 |
| 941 | +// package.json |
| 942 | +{ |
| 943 | + // npm/cnpm/bun |
| 944 | + "overrides": { |
| 945 | + "json-editor-vue": { |
| 946 | + "vanilla-jsoneditor": "***", |
| 947 | + "vue-demi": "***" |
| 948 | + } |
| 949 | + }, |
| 950 | + // yarn/bun |
| 951 | + "resolutions": { |
| 952 | + "json-editor-vue/vanilla-jsoneditor": "***", |
| 953 | + "json-editor-vue/vue-demi": "***" |
| 954 | + }, |
| 955 | + // pnpm |
| 956 | + "pnpm": { |
| 957 | + "overrides": { |
| 958 | + "json-editor-vue>vanilla-jsoneditor": "***", |
| 959 | + "json-editor-vue>vue-demi": "***" |
| 960 | + } |
| 961 | + } |
| 962 | +} |
| 963 | +``` |
| 964 | + |
| 965 | +<br> |
| 966 | + |
969 | 967 | ## Props |
970 | 968 |
|
971 | 969 | | Name | Description | Type | Default | |
|
0 commit comments