Naively Programmable Module

    @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.

    Install

    npm i @jsonforms/vue2-vuetify

    DownloadsWeekly Downloads

    449

    Version

    3.0.0

    License

    MIT

    Unpacked Size

    1.52 MB

    Total Files

    125

    Last publish

    Collaborators

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