More Premium Hugo Themes Premium Vue Themes

Vue Json Pretty

A JSON tree view component that is easy to use and also supports data selection.

Vue Json Pretty

A JSON tree view component that is easy to use and also supports data selection.

Author Avatar Theme by leezng
Github Stars Github Stars: 1360
Last Commit Last Commit: May 18, 2025 -
First Commit Created: Aug 27, 2024 -
default image

Overview:

The JSON Formatter is a tool built in TypeScript that allows for formatting JSON data. It supports features such as retrieving item data from JSON, handling big data, and being editable. It is compatible with modern browsers, Electron, and Internet Explorer 11 with polyfills. Additionally, server-side rendering is supported for IE, Edge, Firefox, Chrome, Safari, and Electron.

Features:

  • JSON Formatter: A tool for formatting JSON data.
  • Written in TypeScript: Built using TypeScript with support for d.ts files.
  • Get item data from JSON: Capable of extracting item data from JSON.
  • Support big data: Can handle large data sets.
  • Editable: Allows for editing JSON data.
  • Environment Support: Compatible with modern browsers, Electron, and Internet Explorer 11 (with polyfills).
  • Server-side Rendering: Supports server-side rendering for various browsers.
  • Use NPM or Yarn: Can be installed using either NPM or Yarn.
  • Use Vue2: Compatible with Vue2 with a separate CSS file that needs manual import.

Installation:

To install the JSON Formatter theme, you can use NPM or Yarn:

npm install json-formatter-js

or

yarn add json-formatter-js

After installation, you can import the CSS file either globally in your app or directly from the component. For Nuxt.js, you can use the provided plugin file plugins/vue-json-pretty.js and configure it in nuxt.config.js.

Summary:

The JSON Formatter is a versatile tool for handling and formatting JSON data. With features like support for big data, item extraction, and editability, it offers a robust solution for working with JSON. Compatibility with modern browsers, server-side rendering, and Vue2 integration make it a valuable tool for developers working with JSON data.