Set middleware on pages (#278)

* Se middleware on pages

* Se middleware on account page

client/pages/ai-form-builder.vue

@@ -493,40 +493,21 @@
   </div>
 </template>
 
-<script>
+<script setup>
 import { computed } from 'vue'
 import { useAuthStore } from '../stores/auth'
 
-export default {
-  layout: 'default',
+const authStore = useAuthStore()
 
-  setup () {
-    useOpnSeoMeta({
-      title: 'Free AI form builder',
-      description: 'Transform your ideas into fully functional forms with OpnForm AI Builder – quick, accurate, and tailored to fit any requirement.'
-    })
+useOpnSeoMeta({
+  title: 'Free AI form builder',
+  description: 'Transform your ideas into fully functional forms with OpnForm AI Builder – quick, accurate, and tailored to fit any requirement.'
+})
+defineRouteRules({
+  prerender: true
+})
 
-    const authStore = useAuthStore()
-    defineRouteRules({
-      prerender: true
-    })
-
-    return {
-      authenticated : computed(() => authStore.check),
-    }
-  },
-
-  data: () => ({
-  }),
-
-  mounted() {},
-
-  methods: {},
-
-  computed: {
-    configLinks: () => this.$config.links
-  }
-}
+let authenticated = computed(() => authStore.check)
 </script>
 
 <style lang="scss" scoped>

client/pages/auth/password/email.vue

@@ -24,9 +24,10 @@
 
 <script>
 export default {
-  middleware: 'guest',
-
   setup () {
+    definePageMeta({
+      middleware: "guest"
+    })
     useOpnSeoMeta({
       title: 'Reset Password'
     })

client/pages/auth/password/reset.vue

@@ -34,9 +34,10 @@
 
 <script>
 export default {
-  middleware: 'guest',
-
   setup () {
+    definePageMeta({
+      middleware: "guest"
+    })
     useOpnSeoMeta({
       title: 'Reset Password'
     })

client/pages/forms/[slug]/edit.vue

@@ -22,7 +22,6 @@ import {hash} from "~/lib/utils.js";
 export default {
   name: 'EditForm',
   components: { Breadcrumb, FormEditor },
-  middleware: 'auth',
 
   beforeRouteLeave (to, from, next) {
     if (this.isDirty()) {
@@ -55,6 +54,9 @@ export default {
     useOpnSeoMeta({
       title: 'Edit ' + ((form && form.value) ? form.value.title : 'Your Form')
     })
+    definePageMeta({
+      middleware: "auth"
+    })
 
     return {
       formsStore,

client/pages/forms/[slug]/show.vue

@@ -141,9 +141,10 @@ export default {
     FormCleanings
   },
 
-  middleware: 'auth',
-
   setup () {
+    definePageMeta({
+      middleware: "auth"
+    })
     useOpnSeoMeta({
       title: 'Home'
     })

client/pages/forms/[slug]/show/share.vue

@@ -45,6 +45,9 @@ export default {
   },
 
   setup (props) {
+    definePageMeta({
+      middleware: "auth"
+    })
     useOpnSeoMeta({
       title: (props.form) ? 'Share Form - '+props.form.title : 'Share Form'
     })

client/pages/forms/[slug]/show/stats.vue

@@ -18,6 +18,9 @@ export default {
   },
 
   setup (props) {
+    definePageMeta({
+      middleware: "auth"
+    })
     useOpnSeoMeta({
       title: (props.form) ? 'Form Analytics - '+props.form.title : 'Form Analytics'
     })

client/pages/forms/[slug]/show/submissions.vue

@@ -14,6 +14,9 @@ export default {
   },
 
   setup (props) {
+    definePageMeta({
+      middleware: "auth"
+    })
     useOpnSeoMeta({
       title: (props.form) ? 'Form Submissions - '+props.form.title : 'Form Submissions'
     })

client/pages/forms/create/guest.vue

@@ -51,6 +51,9 @@ const form = storeToRefs(workingFormStore).content
 useOpnSeoMeta({
   title: 'Create a new Form for free',
 })
+definePageMeta({
+  middleware: "guest"
+})
 
 // Data
 const stateReady = ref(false)

client/pages/register.vue

@@ -76,8 +76,6 @@ export default {
     })
   },
 
-  middleware: 'guest',
-
   data: () => ({
   }),
 

client/pages/settings/account.vue

@@ -25,6 +25,9 @@ let loading = false
 useOpnSeoMeta({
   title: 'Account'
 })
+definePageMeta({
+  middleware: "auth"
+})
 
 const deleteAccount = () => {
   loading = true

client/pages/settings/billing.vue

@@ -27,6 +27,9 @@ import AppSumoBilling from '../../components/vendor/appsumo/AppSumoBilling.vue'
 useOpnSeoMeta({
   title: 'Billing'
 })
+definePageMeta({
+  middleware: "auth"
+})
 
 const authStore = useAuthStore()
 let user = computed(() => authStore.user)

client/pages/settings/password.vue

@@ -28,6 +28,9 @@
 useOpnSeoMeta({
   title: 'Password'
 })
+definePageMeta({
+  middleware: "auth"
+})
 
 let form = useForm({
   password: '',

client/pages/settings/profile.vue

@@ -27,6 +27,9 @@ const user = computed(() => authStore.user)
 useOpnSeoMeta({
   title: 'Profile'
 })
+definePageMeta({
+  middleware: "auth"
+})
 
 let form = useForm({
   name: '',

client/pages/settings/workspace.vue

@@ -126,6 +126,9 @@ let loading = computed(() => workspacesStore.loading)
 useOpnSeoMeta({
   title: 'Workspaces'
 })
+definePageMeta({
+  middleware: "auth"
+})
 
 let form = useForm({
   name: '',

client/pages/templates/my-templates.vue

@@ -22,9 +22,11 @@ import TemplatesList from '../../components/pages/templates/TemplatesList.vue'
 
 export default {
   components: { TemplatesList },
-  middleware: 'auth',
 
   setup () {
+    definePageMeta({
+      middleware: "auth"
+    })
     useOpnSeoMeta({
       title: 'My Templates',
       description: 'Our collection of beautiful templates to create your own forms!'