|
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