Repository files navigation

This demo shows how to addSurveyJS Form Builder / Survey Creator to a Nuxt application.

git clone https://github.com/surveyjs/surveyjs-nuxtjs.gitcd surveyjs-nuxtjsnpm inpm run dev

Openhttp://localhost:3000 in your web browser.

1. Install thesurvey-creator-vue npm package:

   npm install survey-creator-vue --save

2. Create a file in theplugins directory and install SurveyJS Vue plugins in this file using thenuxtApp.vueApp.use() method.

3. Open thenext.config.ts file and do the following in it:

   1. List the plugin file in theplugins array.
   2. List SurveyJS style sheets in thecss array.

4. Create a component and configure Survey Creator in it (see thecomponents/SurveyCreator.vue file).

5. Add the component to a page (see theapp.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.

• Website
• Documentation
• Starter Demos
• What's New