feat(Validation): FormKit / formkit-primevue

sfxcode · May 24, 2022 · d6806f5 · d6806f5
1 parent 7b9bb1b
commit d6806f5
Showing 1 changed file with 16 additions and 19 deletions.
diff --git a/pages/prime/validation.vue b/pages/prime/validation.vue
@@ -99,25 +99,22 @@ const submitHandler = async () => {
 </script>
 
 <template>
-  <div class="myFormkit">
-    <FormKit
-      id="form"
-      v-model="data"
-      type="form"
-      :submit-attrs="{
-        inputClass: 'p-button p-component',
-      }"
-      @submit="submitHandler"
-    >
-      <FormKitSchema :schema="schema" :data="data" />
-    </FormKit>
+  <div>
+    <div class="myFormkit">
+      <FormKit
+        id="form"
+        v-model="data"
+        type="form"
+        :submit-attrs="{
+          inputClass: 'p-button p-component',
+        }"
+        @submit="submitHandler"
+      >
+        <FormKitSchema :schema="schema" :data="data" />
+      </FormKit>
+    </div>
+    <h4>Data</h4>
+    <pre>{{ data }}</pre>
   </div>
-  <h4>Data</h4>
-  <pre>{{ data }}</pre>
 </template>
 
-<style lang='scss' scoped>
-.p-inputtext {
-  width: 500px;
-}
-</style>