Object Visualizer
Vue JSON inspector with Chrome-like theme.
Overview:
Object Visualizer is a Vue component that allows users to visualize JSON objects in the DOM. It provides a similar experience to Chrome's object tree, making it easy to explore and understand complex data structures.
Features:
- getKeys: Customize visible keys in any nested data.
- expandOnCreatedAndUpdated: Expand or collapse nodes automatically after being created or updated. Please note that starting from version 4.0.0, this feature is only available for objects due to performance issues.
- Recursive expand: Allow users to recursively expand nodes by holding down the Meta key and clicking.
- Recursive collapse: Allow users to recursively collapse nodes by holding down the Meta key, and Shift clicking.
- Light/Dark mode: The component supports both light and dark modes.
NPM:
npm install object-visualizer
- Vue
Vue.js is a lightweight and flexible JavaScript framework that allows developers to easily build dynamic and reactive user interfaces. Its intuitive syntax, modular architecture, and focus on performance make it a popular choice for modern web development.
