@jsonforms/vue2-vuetify
TypeScript icon, indicating that this package has built-in type declarations

3.0.0 • Public • Published

JSON Forms - More Forms. Less Code

Complex Forms in the blink of an eye

JSON Forms eliminates the tedious task of writing fully-featured forms by hand by leveraging the capabilities of JSON, JSON Schema and Javascript.

Vue 2 Vuetify Renderers

This is the JSON Forms Vue 2 Vuetify renderers package which provides a Vuetify based renderer set for JSON Forms Vue 2.

Quick start

Install JSON Forms Core, Vue 2 and Vue 2 Vuetify Renderers.

npm i --save @jsonforms/core @jsonforms/vue2 @jsonforms/vue2-vuetify

Also add the packages to the transpile dependencies in the vue.config.js file:

module.exports = {
    transpileDependencies: ['@jsonforms/core', '@jsonforms/vue2', '@jsonforms/vue2-vuetify']
}

Use the json-forms component for each form you want to render and hand over the renderer set.

<script>
import { JsonForms } from '@jsonforms/vue2';
import { vuetifyRenderers } from '@jsonforms/vue2-vuetify';

const renderers = [
  ...vuetifyRenderers,
  // here you can add custom renderers
];

export default defineComponent({
  name: 'app',
  components: {
    JsonForms,
  },
  data() {
    return {
      renderers: Object.freeze(renderers),
      data,
      schema,
      uischema,
    };
  },
  methods: {
    onChange(event) {
      this.data = event.data;
    },
  },
});
</script>
<template>
  <json-forms
    :data="data"
    :schema="schema"
    :uischema="uischema"
    :renderers="renderers"
    @change="onChange"
  />
</template>

As JSON Forms uses the Composition API you need to use at least Vue 2.7.

If note done yet, please install Vuetify for Vue 2.

For more information on how JSON Forms can be configured, please see the README of @jsonforms/vue2.

License

The JSONForms project is licensed under the MIT License. See the LICENSE file for more information.

Package Sidebar

Install

npm i @jsonforms/vue2-vuetify

Weekly Downloads

191

Version

3.0.0

License

MIT

Unpacked Size

1.52 MB

Total Files

125

Last publish

Collaborators

  • jsonforms-publish
  • sdirix
  • mkoegel
  • tortmayr
  • eugenneufeld
  • jfaltermeier