UNPKG

vue-formique

Version:

A Vue wrapper around the Formique form library.

2 lines (1 loc) 1.61 kB
(function(t,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("formique")):typeof define=="function"&&define.amd?define(["exports","vue","formique"],e):(t=typeof globalThis<"u"?globalThis:t||self,e(t.VueFormique={},t.Vue,t.Formique))})(this,function(t,e,l){"use strict";const m=(r,o)=>{const u=r.__vccOpts||r;for(const[n,s]of o)u[n]=s;return u},a={setup(){const r=e.ref([["text","name","Name",{required:!0},{}],["text","surname","Surname",{required:!0}],["email","email","Email",{required:!0},{}],["singleSelect","title","Title",{required:!0},{dependents:["status"]},[{value:"mr",label:"Mr"},{value:"ms",label:"Ms"},{value:"mrs",label:"mrs"},{value:"dr",label:"Dr"},{value:"prof",label:"Prof"}]],["singleSelect","status","Status",{required:!0},{dependsOn:"title",condition:n=>n==="prof"},[{value:"full professor",label:"Full Professor"},{value:"associate professor",label:"Associate Professor"}]],["submit","submit","Submit",{},{style:"width: 100%;"}]]),o=e.ref({method:"post",id:"myForm",class:"form",style:"width: 100%; font-size: 14px;"}),u=e.ref({requiredFieldIndicator:!0,framework:"vue",placeholders:!0,theme:"dark-blue",submitOnPage:!0});return e.onMounted(()=>{new l(r.value,o.value,u.value)}),{}}};function d(r,o,u,n,s,c){return e.openBlock(),e.createElementBlock("div",null,o[0]||(o[0]=[e.createElementVNode("h1",null,"Form Title Here",-1),e.createElementVNode("div",{id:"formique"},null,-1)]))}const i=m(a,[["render",d]]),f={install(r){r.component("VueFormique",i)}};t.FormiqueComponent=i,t.VueFormique=f,Object.defineProperty(t,Symbol.toStringTag,{value:"Module"})});