This demo shows how to add SurveyJS Form Builder / Survey Creator to a Nuxt application.
git clone https://github.com/surveyjs/surveyjs-nuxtjs.git
cd surveyjs-nuxtjs
npm i
npm run dev
Open http://localhost:3000 in your web browser.
-
Install the
survey-creator-vue
npm package:npm install survey-creator-vue --save
-
Create a file in the
plugins
directory and install SurveyJS Vue plugins in this file using thenuxtApp.vueApp.use()
method. -
Open the
next.config.ts
file and do the following in it:- List the plugin file in the
plugins
array. - List SurveyJS style sheets in the
css
array.
- List the plugin file in the
-
Create a component and configure Survey Creator in it (see the
components/SurveyCreator.vue
file). -
Add the component to a page (see the
app.vue
file). In this example, the component is wrapped in the<ClientOnly>
tag because Survey Creator useslocalStorage
to save and restore survey JSON schemas. If your application doesn't use this functionality, you can render Survey Creator on the server.