# @andremicheletti/vue-jsonschema-form

> Input Form generator based on JSON Schema

Latest version **0.1.15** (published 2023-10-25) · MIT license · 0 weekly downloads

## Install

```sh
npm install @andremicheletti/vue-jsonschema-form
pnpm add @andremicheletti/vue-jsonschema-form
yarn add @andremicheletti/vue-jsonschema-form
bun add @andremicheletti/vue-jsonschema-form
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.1.15 |
| Published | 2023-10-25 |
| First published | 2023-10-25 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 3 |
| Unpacked size | 202.7 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 0 |
| Author | Roman Sabirov roma219@yandex.ru |
| Maintainers | andremicheletti |

## Links

- npm: https://www.npmjs.com/package/@andremicheletti/vue-jsonschema-form
- Repository: https://github.com/AndreMicheletti/vue-jsonschema-form
- Homepage: https://github.com/AndreMicheletti/vue-jsonschema-form#readme
- Issues: https://github.com/AndreMicheletti/vue-jsonschema-form/issues
- npm.io page: https://npm.io/package/@andremicheletti/vue-jsonschema-form

## Dependencies (3)

- [purecss](https://npm.io/package/purecss.md) ^1.0.1
- [nanoclone](https://npm.io/package/nanoclone.md) ^0.2.1
- [@babel/preset-env](https://npm.io/package/@babel/preset-env.md) ^7.6.3

## Recent versions

- 0.1.15 (latest) — 2023-10-25

## README

[![Build Status](https://travis-ci.com/roma219/vue-jsonschema-form.svg?branch=master)](https://travis-ci.com/roma219/vue-jsonschema-form) [![Coverage Status](https://coveralls.io/repos/github/roma219/vue-jsonschema-form/badge.svg?branch=master&service=github&kill_cache=1)](https://coveralls.io/github/roma219/vue-jsonschema-form?branch=master&service=github&kill_cache=1) [![dependencies Status](https://david-dm.org/roma219/vue-jsonschema-form/status.svg)](https://david-dm.org/roma219/vue-jsonschema-form) [![Known Vulnerabilities](https://snyk.io/test/github/roma219/vue-jsonschema-form/badge.svg)](https://snyk.io/test/github/roma219/vue-jsonschema-form) [![Language grade: JavaScript](https://img.shields.io/lgtm/grade/javascript/g/roma219/vue-jsonschema-form.svg?logo=lgtm&logoWidth=18)](https://lgtm.com/projects/g/roma219/vue-jsonschema-form/context:javascript) ![last commit](https://badgen.net/github/last-commit/roma219/vue-jsonschema-form)
 

![minified size](https://badgen.net/bundlephobia/min/@roma219/vue-jsonschema-form)
![](https://badgen.net/bundlephobia/minzip/@roma219/vue-jsonschema-form)

# vue-jsonschema-form
JSON Schema based form generator built with Vue.js. Currently Work in Progress.

### Full Guide and Examples
https://roma219.github.io/vue-jsonschema-form/guide/

[![Demo on Codesandbox](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/vue-jsonschema-form-basic-example-ulwwy?fontsize=14&hidenavigation=1&module=%2Fsrc%2FApp.vue&theme=dark)

### Installation
```
npm install @roma219/vue-jsonschema-form
```

### Usage
```
<JsonSchema :schema="schema" v-model="value"/>

schema = {
    type: 'object',
    properties: {
      aaa: { type: 'string', minLength: 1 },
      bbb: { type: 'boolean' },
      ccc: { type: 'string', enum: ['1', '2', '3'] },
      ddd: {
        type: 'object',
        title: '',
        properties: {
          a1: { type: 'string', minLength: 1, maxLength: 5 },
          b2: { type: 'boolean', default: true },
          ddd: {
            type: 'object',
            properties: {
              a1: { type: 'string', default: 'aaa' },
              b2: { type: 'boolean' }
            }
          }
        }
      }
    }
}
```

---
_Source: https://npm.io/package/@andremicheletti/vue-jsonschema-form · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._