\n\nStarting with v2.0.0, Vue Flow Form has migrated from Vue 2 to **Vue 3**. If you're looking for README for Vue Flow Form v1.1.7, which works with Vue 2, check it out here.\n\n## Live Demos\n\n* [Questionnaire example](https://www.ditdot.hr/demo/vff/questionnaire/)\n* [Support page example](https://www.ditdot.hr/demo/vff/support-page/)\n* [Quiz example](https://www.ditdot.hr/demo/vff/quiz/)\n\n## Project Documentation\n\n* [Guide](https://www.ditdot.hr/en/docs/vue-flow-form-guide)\n\n## Example Project\n\nRequirements:\n\n* [Node.js](https://nodejs.org/en/) version 10.0.0 or above (12.0.0+ recommended)\n* [npm](https://www.npmjs.com/get-npm) version 5+ (or [yarn](https://yarnpkg.com/lang/en/docs/install/) version 1.16+)\n* [Git](https://git-scm.com/)\n\nAfter checking the prerequisites, follow these simple steps to install and use Vue Form:\n\n```shell\n# clone the repo\n$ git clone https://github.com/ditdot-dev/vue-flow-form.git myproject\n\n# go into app's directory and install dependencies:\n$ cd myproject\n```\n\nIf you use npm:\n\n```shell\n$ npm install\n\n# serve with hot reload at localhost:8080 by default.\n$ npm run serve\n\n# build for production\n$ npm run build\n```\n\nIf you use yarn:\n\n```shell\n$ yarn install\n\n# serve with hot reload at localhost:8080 by default.\n$ yarn serve\n\n# build for production\n$ yarn build\n```\n\nMade with [Vue.js](https://vuejs.org/)\n\n## Usage as npm Package\n\nIf you don't already have an existing Vue project, the easiest way to create one is to use [Vue CLI](https://cli.vuejs.org/):\n\n(For issues with Vue 3.13 and CLI 4 check [here](https://github.com/vuejs/vue-next/issues/4052))\n\n```shell\n$ npm install -g @vue/cli\n# OR\n$ yarn global add @vue/cli\n```\n\nAnd then create a project (refer to [Vue CLI documentation](https://cli.vuejs.org/guide/) and [issue tracker](https://github.com/vuejs/vue-cli/issues) for potential problems on Windows):\n\n```shell\n$ vue create my-project\n$ cd my-project\n```\n\nTo add Vue Flow Form as a dependency to your Vue project, use the following:\n\n```shell\n$ npm install @ditdot-dev/vue-flow-form --save\n```\n\nAnd then in your App.vue file:\n\n```html\n\n \n\n\n\n\n\n```\n\n## Usage with Plain JavaScript via CDN\n\nHTML:\n\n```html\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n\n```\n\nJavaScript (content of app.js):\n\n```js\nvar app = Vue.createApp({\n el: '#app',\n template: '',\n data: function() {\n return {\n language: new VueFlowForm.LanguageModel({\n // Your language definitions here (optional).\n // You can leave out this prop if you want to use the default definitions.\n }),\n questions: [\n new VueFlowForm.QuestionModel({\n title: 'Question',\n type: VueFlowForm.QuestionType.MultipleChoice,\n options: [\n new VueFlowForm.ChoiceOption({\n label: 'Answer'\n })\n ]\n })\n ]\n }\n }\n}).component('FlowForm', VueFlowForm.FlowForm);\n\nconst vm = app.mount('#app');\n```\n\n## Changelog\n\nChanges for each release are documented in the [release notes](https://github.com/ditdot-dev/vue-flow-form/releases).\n\n## Stay in Touch\n\n* [Twitter](https://twitter.com/ditdot_info)\n* [DITDOT](https://www.ditdot.hr/en)\n\n## License\n\n[MIT](https://github.com/ditdot-dev/vue-flow-form/blob/master/LICENSE) license.\n\nCopyright (c) 2020 - present, DITDOT Ltd.\n","readmeFilename":"README.md"}
![\"License\"](\"https://img.shields.io/npm/l/@ditdot-dev/vue-flow-form.svg?sanitize=true&color=41B883\")
\n ![\"Version\"](\"https://img.shields.io/npm/v/@ditdot-dev/vue-flow-form.svg?sanitize=true&color=41B883\")
\n ![\"cdnjs\"](\"https://img.shields.io/cdnjs/v/vue-flow-form?color=yellow\")
\n![\"v-form](\"https://www.ditdot.hr/demo/vff/visuals/v-form-green-full-rotate-02.png\")
\n