Dirty form handling - nuxt migration (#272)

client/pages/forms/create/index.vue

@@ -27,22 +27,23 @@ import FormEditor from "~/components/open/forms/components/FormEditor.vue"
 import CreateFormBaseModal from '../../../components/pages/forms/create/CreateFormBaseModal.vue'
 import {fetchTemplate} from "~/stores/templates.js"
 import {hash} from "~/lib/utils.js"
+import {onBeforeRouteLeave} from 'vue-router'
 
 definePageMeta({
   middleware: "auth"
 })
 
-// metaTitle: 'Create a new Form',
+const metaTitle = 'Create a new Form'
 
-// beforeRouteLeave (to, from, next) {
+onBeforeRouteLeave((to, from, next) => {
-//   if (this.isDirty()) {
+  if (isDirty()) {
-//     return useAlert().confirm('Changes you made may not be saved. Are you sure want to leave?', () => {
+    return useAlert().confirm('Changes you made may not be saved. Are you sure want to leave?', () => {
-//       window.onbeforeunload = null
+      window.onbeforeunload = null
-//       next()
+      next()
-//     }, () => {})
+    }, () => {})
-//   }
+  }
-//   next()
+  next()
-// },
+})
 
 const route = useRoute()
 const authStore = useAuthStore()
@@ -78,11 +79,12 @@ watch(() => workspace, () => {
 
 onMounted(() => {
   if (process.client) {
-    // window.onbeforeunload = () => {
+    window.onbeforeunload = () => {
       if (isDirty()) {
         return false
       }
     }
+  }
 
   if (!formStore.allLoaded) {
     formStore.loadAll(workspace.value.id)