formio-wizard-vite-wrapper

How to contribute

1. change your code
2. npm run build
3. update the version in package.json
4. npm login
5. npm publish

Or, you can use git tag to publish it:

# create a new tag
git tag -a v1.0.1 -m "v1.0.1"

# push the tag to bitbucket
git push origin v1.0.1

If you did something wrong, you want to delete a tag from remote.

git tag -d v1.0.0
git push --delete origin v1.0.0 

There is a pipeline setup in Bitbucket, to publish new tag to NPM.

How to use it

1. Install:

   npm i formio-wizard-vite-wrapper

2. Usage:

   <FormWrapper
       :projectUrl="projectUrl"
       :wizardUrl="wizardUrl"
       :createFormUrl="createFormUrl"
       :formIdentifier="formIdentifier"
       :savedApplicationPage="savedApplicationPage"
       :thankYouPage="thankYouPage"
       :submissionId="submissionId"
       :hasPayment="hasPayment"
       :paymentUrl="paymentUrl"
       :recaptchaSiteKey="recaptchaSiteKey"
       :purchaseItemName="purchaseItemName"
       :guidePageUrl="guidePageUrl"
       :shortUuidToken="shortUuidToken"
       :feesCode="feesCode" 
       :feesUrl="feesUrl" 
       :privateKey="privateKey"
   />

   There is a sample App.vue.sample file for your reference.

3. Config:

   VUE_APP_NAME=
   VUE_APP_ENV=
   MATRIX_ASSET_ID=
   VUE_APP_PROJECT_URL=
   VUE_APP_WIZARD_URL=
   VUE_APP_SAVED_APPLICATION_PAGE=
   VUE_APP_THANK_YOU_PAGE=
   VUE_APP_HAS_PAYMENT=
   VUE_APP_PAYMENT_URL=
   VUE_APP_RECAPTCHA_SITE_KEY=
   VUE_APP_FORM_NAME=
   VUE_APP_PURCHASE_ITEM_NAME=
   VUE_APP_GUIDE_PAGE_URL=
   VUE_APP_FEECODE=
   VUE_APP_FEE_URL=
   VUE_APP_PRIVATE_KEY=
   

---

Vue 3 + Vite

This template should help get you started developing with Vue 3 in Vite. The template uses Vue 3 <script setup> SFCs, check out the script setup docs to learn more.

Recommended IDE Setup

• VS Code + Volar