Nearly Perpendicular Macaroons

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

    3.0.0-beta.2-cr-2 • 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

    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 Vue 3 composition API you need to add the @vue/composition-api plugin to your Vue 2 app.

    import VueCompositionAPI from '@vue/composition-api';
    
    Vue.use(VueCompositionAPI);

    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 @yaffol/vue2-vuetify

    DownloadsWeekly Downloads

    7

    Version

    3.0.0-beta.2-cr-2

    License

    MIT

    Unpacked Size

    1.15 MB

    Total Files

    123

    Last publish

    Collaborators

    • yaffol