wearebraid/vueformulate.com

Documentation site for vue-formulate, available at vueformulate.com

vueformulate.com's Issues

Please provide better examples on how to use slots in group input?

The documentation feels very technical and quite light on the topic for someone whose not an expert on vue.js

It's really hard to follow along when it comes to how use slots in group inputs. I would love to see better examples maybe working examples on how to create your own custom addMore button or remove button.

Add warning to docs about `keep-model-data` not being supported on grouped elements.

Relevant issue on Vue Formulate repo: wearebraid/vue-formulate#285 (comment)

"Get Updates" button doesn't work on homepage

Tray doesnt open when I click on it on the homepage, works fine on interior pages.

Best way to integrate a Calendar?

Let's say we want to use a calendar in a form. How would we integrate something like https://www.vue-tailwind.com/docs/datepicker/ - or any other advanced component?

Clicking on a checkbox or radio button causes the form to disappear on the documentation site

Firstly, I would like to thank you for the awesome Vue Formulate! It is really powerful!

I found a little bug on documentation site, when you click on any checkbox or radio button the corresponding form disappears (see gif below). Tested in Chrome and Firefox. OS - Windows 10.

I think it is because of the overflow: hidden and flex-direction: row-reverse on the .preview-code element (see second gif), but I could be wrong.

Outdated documentation on registering custom input type

The documentation is outlined at https://vueformulate.com/guide/inputs/custom-inputs/#registering-an-input is showing the usage of

Vue.use(VueFormulate, {
  library: {
    autocomplete: {
      classification: 'text',
      component: 'MyFormulateAutocomplete'
    }
  }
})

Where I can see that the correct usage now is actually the plugin approach:

export default function (formulateInstance) {
  formulateInstance.extend({
    components: {
      MyFormulateAutocomplete
    },
    library: {
      autocomplete: {
        classification: 'text',
        component: 'MyFormulateAutocomplete'
      }
    }
  })
}

Can we translation docs by https://crowdin.com ?

Can I help you translation into chinese ?

I know you is coding for Vue3 . and can I help you translation documents of version 2.5 into chinese ?

"Duplicate keys detected" error message when generating from Schema with more than one "component:" inputs.

Moved

Unselect?

Is it possible to discard (unselect) a selected option, setting select field to null, without completely reloading form?

Small typo in the GitHub website link

The 'l' and 'a' are around the wrong way.

Installation issue when using jsdelivr CDN

First, let me say that Vue Formulate is pretty awesome and it definitely made my easier when creating forms.

I had used Vue Formulate using npm but for testing purposes I needed to use the minified version using the one linked in the installation page. I copied the link to the default min.js file that is shown but ended up with lots of errors.

After some investigation, I believe it's because the default link is to the UMD version. As someone new to Vue and JavaScript, I wasn't able to first discern the differences in the listed files.

I found two instances where similar issues occurred from using the UMD version (and the answers did not address the issue) combined with other issues that prevent proper loading.

• https://forum.vuejs.org/t/how-do-imports-work/98543
• https://stackoverflow.com/questions/62608034/using-vue-formulate-with-a-schema

I think there are two ways for new/inexperienced users to avoid this issue.

1. Set the default file to formulate.min.js instead of formulate.umd.min.js
2. Provide additional guidelines when using the CDN package (such as not needing import statements, only needing Vue.use(VueFormulate) in the script section and using forumlate.min.js).

I look forward to hearing your thoughts! 👍