Nuxt static generated site will not render form

[clwillingham]

The Problem

After creating a nuxtjs project from scratch, configuring transpilation as recommended by vjsf docs and setting target to static and ssr to false and implementing a basic vjsf example, vjsf only renders the form in dev mode. after running npm generate and serving the static content with npm start, vjsf does not display.

example

source: https://github.com/clwillingham/nuxt-vjsf-test hosted example: https://hospitable-grain.surge.sh/

How to replicate

1. clone example project
2. run npm run dev to verify vjsf is functioning as expected
3. run npm run generate
4. run npm run start to host static content locally and see that vjsf is not rendering form as expected

[albanm]

The transpile option is only to be used if you import the library from source instead of dist. So you need this:

import VJsf from '@koumoul/vjsf/lib/VJsf.js'
import '@koumoul/vjsf/lib/VJsf.css'

Instead of this:

import VJsf from '@koumoul/vjsf'
import '@koumoul/vjsf/dist/main.css'

[clwillingham]

That addresses the issue. Thank you! Also thank you for developing and maintaining VJSF

[dawadam]

Please add to the documentation.

[albanm]

Well it is in the documentation https://koumoul-dev.github.io/vuetify-jsonschema-form/latest/getting-started

Using transpile option is described in the section "Import module from source" not in the section "Import built version of the module".