This is a powerful JSON viewer & editor based on svelte-jsoneditor. With this library, you will be able to view, edit, insert, remove, duplicate, sort, filter, and transform JSON data in plain text or as a tree.
How to use it:
1. Import and register the JSON editor.
import JsonEditorVue from 'json-editor-vue'
app.use(JsonEditorVue, {
// global config
})
2. Add the JSON editor to the app.
<template>
<JsonEditorVue v-model="value" v-bind="{/* local config */}"/>
</template>
Preview:
Changelog:
v0.10.15 (09/06/2023)
- Bugfix
v0.10.10 (09/05/2023)
- Update
v0.10.8 (09/04/2023)
- Bugfixes
v0.10.6 (04/22/2023)
- Support property ‘askToFormat’
- Bug Fixes
v0.10.5 (12/18/2022)
- types: use type Content, JSONContent & TextContent from ‘vanilla-jsoneditor’
v0.10.4 (12/17/2022)
- ‘nuxt.ts’ should be included in the tarball
Download Details:
Author: cloydlau
Live Demo: https://cloydlau.github.io/demo/json-editor-vue.html
Download Link: https://github.com/cloydlau/json-editor-vue/archive/refs/heads/master.zip
Official Website: https://github.com/cloydlau/json-editor-vue
Install & Download:
# Yarn
$ yarn add json-editor-vue
# NPM
$ npm i json-editor-vue