prevent accidental navigation

src/App.vue

@@ -34,7 +34,7 @@
 
 import SceneEntry from './components/SceneEntry.vue'
 import {utils} from './composables/utils.js'
-import {ref} from 'vue'
+import {ref, onBeforeMount, onBeforeUnmount } from 'vue'
 
 const {base64ToBlob} = utils()
 
@@ -79,6 +79,22 @@ const load = (e) => {
     })
 }
 
+// Prevent accidental navigation
+const preventNav = (e) => {
+    console.log('Sure to leave?')
+    e.preventDefault()
+    e.returnValue = ""
+}
+
+onBeforeMount(()=>{
+    window.addEventListener("beforeunload", preventNav)
+})
+
+onBeforeUnmount(()=>{
+    window.addEventListener("beforeunload", preventNav)
+})
+
+
 </script>
 
 <style>