# vue-json-to-html

> **Status: beta**

Latest version **0.1.12** (published 2018-08-03) · 0 weekly downloads

> **Deprecated.** This package is deprecated.

## Install

```sh
npm install vue-json-to-html
pnpm add vue-json-to-html
yarn add vue-json-to-html
bun add vue-json-to-html
```

## Health

**Score 10/100 (F)** — status: deprecated.

Negative: deprecated.

## Facts

| | |
|---|---|
| Version | 0.1.12 |
| Published | 2018-08-03 |
| First published | 2018-06-13 |
| Weekly downloads | 0 |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 1 |
| Unpacked size | 103 KB |
| Known vulnerabilities | 0 (+1 in 1 direct dependencies) |
| Install scripts | no |
| GitHub stars | 0 |
| Maintainers | serchiichuk |

## Links

- npm: https://www.npmjs.com/package/vue-json-to-html
- Repository: https://github.com/serhiichuk/vue-json-to-html
- npm.io page: https://npm.io/package/vue-json-to-html

## Dependencies (1)

- [vue](https://npm.io/package/vue.md) ^2.5.16

## Recent versions

- 0.1.12 (latest) — 2018-08-03
- 0.1.11 — 2018-08-03
- 0.1.10 — 2018-08-03
- 0.1.9 — 2018-08-03
- 0.1.8 — 2018-07-03
- 0.1.7 — 2018-07-02
- 0.1.6 — 2018-06-18
- 0.1.5 — 2018-06-18
- 0.1.4 — 2018-06-18
- 0.1.3 — 2018-06-13
- 0.1.2 — 2018-06-13
- 0.1.1 — 2018-06-13

## README

# vue-json-to-html

**Status: beta** 

**:tongue: Vue component for generating equal HTML from Json/JS-Object**

## Table of contents

- [Usage](#usage)
- [Component props](#component-props)

## Usage
Install component to your project:
```
npm install vue-json-to-html
yarn add vue-json-to-html
```

Import and include to Vue Instance installed component:
```
import JsonToHtml from 'vue-json-to-html'

export default {
  components: {
    JsonToHtml
  }
  ...
}
```

Use component in template:
```
<template>
  <div id="content">
    <JsonToHtml :json="json" :bem="true" rootClassName="wrapper" rootTagName="section" :inheritClassName="false"/>
  </div>
</template>
```

## Component props

Prop | Type | Default | Description
  --- | --- | --- |---
  json | `Json(JS Object)` | required | DOM will rendered such as object structure. Each elements will have necessary classNames from json keys.
  bem | `Boolean` | false | Generate classNames with BEM methodology.
  inheritClassName | `Boolean` | true | Generate classNames with inherited parent class name. For using BEM must be a `true`. 
  bem | `Boolean` | false | Generate classNames with BEM methodology.
rootClassName | `String` | undefined | ClassName for root element in `<JsonToHtml/>`, using for inherited parent class name from root element 
rootTagName | `String` | 'div' | TagName for root element in `<JsonToHtml/>`.

---
_Source: https://npm.io/package/vue-json-to-html · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._