Remove vform - working on form public page

client/pages/settings/account.vue

@@ -16,14 +16,10 @@
 </template>
 
 <script>
-import Form from 'vform'
 import axios from 'axios'
-import { useAuthStore } from '../../stores/auth'
-import SeoMeta from '../../mixins/seo-meta.js'
 
 export default {
   scrollToTop: false,
-  mixins: [SeoMeta],
 
   setup () {
     const authStore = useAuthStore()
@@ -34,7 +30,7 @@ export default {
 
   data: () => ({
     metaTitle: 'Account',
-    form: new Form({
+    form: useForm({
       identifier: ''
     }),
     loading: false

client/pages/settings/admin.vue

@@ -3,7 +3,7 @@
     <h3 class="font-semibold text-2xl text-gray-900">Admin settings</h3>
     <small class="text-gray-600">Manage settings.</small>
 
-  
+
     <h3 class="mt-3 text-lg font-semibold mb-4">
       Tools
     </h3>
@@ -35,17 +35,12 @@
 </template>
 
 <script>
-import Form from 'vform'
 import axios from 'axios'
-import { useAuthStore } from '../../stores/auth'
-import { useWorkspacesStore } from '../../stores/workspaces'
-import SeoMeta from '../../mixins/seo-meta.js'
 
 export default {
   components: { },
   middleware: 'admin',
   scrollToTop: false,
-  mixins: [SeoMeta],
 
   setup () {
     const authStore = useAuthStore()
@@ -58,7 +53,7 @@ export default {
 
   data: () => ({
     metaTitle: 'Admin',
-    form: new Form({
+    form: useForm({
       identifier: ''
     }),
     loading: false

client/pages/settings/password.vue

@@ -27,7 +27,6 @@
 </template>
 
 <script>
-import Form from 'vform'
 import SeoMeta from '../../mixins/seo-meta.js'
 
 export default {
@@ -36,7 +35,7 @@ export default {
 
   data: () => ({
     metaTitle: 'Password',
-    form: new Form({
+    form: useForm({
       password: '',
       password_confirmation: ''
     })

client/pages/settings/profile.vue

@@ -23,13 +23,7 @@
 </template>
 
 <script>
-import Form from 'vform'
-import { computed } from 'vue'
-import { useAuthStore } from '../../stores/auth'
-import SeoMeta from '../../mixins/seo-meta.js'
-
 export default {
-  mixins: [SeoMeta],
   scrollToTop: false,
 
   setup () {
@@ -42,7 +36,7 @@ export default {
 
   data: () => ({
     metaTitle: 'Profile',
-    form: new Form({
+    form: useForm({
       name: '',
       email: ''
     })

client/pages/settings/workspace.vue

@@ -115,20 +115,12 @@
 </template>
 
 <script>
-import { computed } from 'vue'
-import Form from 'vform'
-import { useFormsStore } from '../../stores/forms'
-import { useWorkspacesStore } from '../../stores/workspaces'
-import SeoMeta from '../../mixins/seo-meta.js'
 import TextAreaInput from '../../components/forms/TextAreaInput.vue'
 import axios from 'axios'
-import * as domain from 'domain'
 
 export default {
   components: { TextAreaInput },
-  mixins: [SeoMeta],
   scrollToTop: false,
-  mixins: [SeoMeta],
 
   setup () {
     const formsStore = useFormsStore()
@@ -143,7 +135,7 @@ export default {
 
   data: () => ({
     metaTitle: 'Workspaces',
-    form: new Form({
+    form: useForm({
       name: '',
       emoji: ''
     }),