Nuxt•2y ago

vue3-form-generatror not rendering

Hi guys, I'm trying to get vue3-form-generator ( https://gitlab.com/nick7dam/vue3-form-generator/-/tree/master ) to work with nuxt3 and I wanted to ask if some of you can help me out. I wrapped this as a plugin

import VueFormGenerator from "vue3-form-generator";

export default defineNuxtPlugin((nuxtApp) => {
  return {
    provide: {
        VueFormGenerator,
    },
  };
});

import VueFormGenerator from "vue3-form-generator";

export default defineNuxtPlugin((nuxtApp) => {
  return {
    provide: {
        VueFormGenerator,
    },
  };
});

and on my page (options api, not composition api) I included it like this:

import VueFormGenerator from "vue3-form-generator";
import "vue3-form-generator/dist/style.css";
...
components: {
    VueFormGenerator,
  },
...

import VueFormGenerator from "vue3-form-generator";
import "vue3-form-generator/dist/style.css";
...
components: {
    VueFormGenerator,
  },
...

with the default model, schema and formOptions provided by the readme but it doesn't get rendered, I always receive a

Component is missing template or render function. 
  at <AbstractField schema= {fields: Array(6)} model= {id: 1, name: 'John Doe', password: 'J0hnD03!x4', skills: Array(2), email: '[email protected]', …} tag="div" >
...

Component is missing template or render function. 
  at <AbstractField schema= {fields: Array(6)} model= {id: 1, name: 'John Doe', password: 'J0hnD03!x4', skills: Array(2), email: '[email protected]', …} tag="div" >
...

Gaming

Programming

vue3-form-generatror not rendering

Did you find this page helpful?