Powerful JSON Viewer & Editor For Vue 3/2

Install & Download:

# Yarn
$ yarn add json-editor-vue
# NPM
$ npm i json-editor-vue

Description:

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.14.0 (04/13/2024)

• Support keeping the JSON parsed under text mode, add prop debounce and stringified
• Bugfixes

v0.13.2 (04/09/2024)

• Bugfixes

v0.13.1 (04/08/2024)

• Bugfixes
• Support attrs in kebab-case

v0.13.0 (04/04/2024)

• Bugfixes
• Support jsr

v0.12.0 (03/04/2024)

• Bugfixes
• feat: support jsr

v0.11.2 (12/07/2023)

• Update

v0.11.1 (11/23/2023)

• Bugfixes

v0.11.0 (10/24/2023)

• Bugfixes

v0.10.19 (10/01/2023)

• Bugfixes

v0.10.18 (09/30/2023)

• Bugfixes

v0.10.17 (09/30/2023)

• Bugfixes

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