vue-json-content

A Vue.js component that displays pretty json

Downloads in past

Stats

StarsIssuesVersionUpdatedCreatedSize
vue-json-content
311.0.57 years ago7 years agoMinified + gzip package size for vue-json-content in KB

Readme

vue-json-content
A Vue component that shows a pretty printed json.
This isn't particularly useful, it's used as a demo for how to publish Vue components to NPM!

Installation

npm i --save-dev vue-json-content

Browser

Include the script file, then install the component with Vue.use(VueJsonContent); e.g.:
<script type="text/javascript" src="node_modules/vuejs/dist/vue.min.js"></script>
<script type="text/javascript" src="node_modules/vue-json-content/dist/vue-json-content.min.js"></script>
<script type="text/javascript">
  Vue.use(VueJsonContent);
</script>

Module

import VueJsonContent from 'vue-json-content';

Usage

Once installed, it can be used in a template as simply as:
<div v-json-content="json"></div>