Remove vform - working on form public page

client/components/pages/auth/ForgotPasswordModal.vue

@@ -47,8 +47,6 @@
   </template>
 
   <script>
-  import Form from 'vform'
-
   export default {
     name: 'ForgotPasswordModal',
     components: { },
@@ -60,7 +58,7 @@
     },
     data: () => ({
       isMailSent: false,
-      form: new Form({
+      form: useForm({
         email: ''
       })
     }),

client/components/pages/auth/components/RegisterForm.vue

@@ -48,8 +48,6 @@
 </template>
 
 <script>
-import Form from 'vform'
-
 export default {
   name: 'RegisterForm',
   components: {},
@@ -71,7 +69,7 @@ export default {
   },
 
   data: () => ({
-    form: new Form({
+    form: useForm({
       name: '',
       email: '',
       password: '',

client/components/pages/pricing/CheckoutDetailsModal.vue

@@ -13,8 +13,6 @@
 <script>
 import { computed } from 'vue'
 import axios from 'axios'
-import Form from 'vform'
-import { useAuthStore } from '../../../stores/auth'
 import TextInput from '../../forms/TextInput.vue'
 import VButton from '~/components/global/VButton.vue'
 
@@ -43,7 +41,7 @@ export default {
   },
 
   data: () => ({
-    form: new Form({
+    form: useForm({
       name: '',
       email: ''
     }),