General UI Improvement (again) (#255)

* Add and fix some stuff

* Add warning when leaving to `mod/create`

* Fix mods/create not working

pages/mod/_id/version/_version/edit.vue

@@ -165,6 +165,7 @@ export default {
   data() {
     return {
       version: {},
+      isEditing: true,
     }
   },
   mounted() {
@@ -173,6 +174,23 @@ export default {
       [this.version.name, 'versions/' + this.version.id],
       ['Edit Version', 'versions/' + this.version.id + '/edit'],
     ])
+    function preventLeave(e) {
+      e.preventDefault()
+      e.returnValue = ''
+    }
+    window.addEventListener('beforeunload', preventLeave)
+    this.$once('hook:beforeDestroy', () => {
+      window.removeEventListener('beforeunload', preventLeave)
+    })
+  },
+  beforeRouteLeave(to, from, next) {
+    if (
+      this.isEditing &&
+      !window.confirm('Are you sure that you want to leave without saving?')
+    ) {
+      return
+    }
+    next()
   },
   methods: {
     async saveVersion() {
@@ -184,6 +202,7 @@ export default {
           this.version,
           this.$auth.headers
         )
+        this.isEditing = false
         await this.$router.replace(
           `/mod/${this.mod.slug ? this.mod.slug : this.mod.id}/version/${
             this.version.id