diff --git a/package-lock.json b/package-lock.json
index 4413a6e..585e2b1 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1377,11 +1377,6 @@
       "resolved": "https://registry.npmjs.org/@types/parse-json/-/parse-json-4.0.0.tgz",
       "integrity": "sha512-//oorEZjL6sbPcKUaCdIGlIUeH26mgzimjBB77G6XRgnDl/L5wOnpyBGRe/Mmf5CVW3PwEBE1NjiMZ/ssFh4wA=="
     },
-    "@vue/compat": {
-      "version": "3.2.20",
-      "resolved": "https://registry.npmjs.org/@vue/compat/-/compat-3.2.20.tgz",
-      "integrity": "sha512-ZbdYtVegOS4wgeHzlnYz7Q9j9NLYF083i5pK9UB1P11vTSVUqozDlPSo4V1ODkluuFED7aGfFCHm7KmTJrnORA=="
-    },
     "@vue/compiler-core": {
       "version": "3.2.20",
       "resolved": "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.2.20.tgz",
diff --git a/package.json b/package.json
index 8fd0c0e..78d88d5 100644
--- a/package.json
+++ b/package.json
@@ -11,7 +11,6 @@
     "lint-fix": "eslint --ext .js,vue . --fix"
   },
   "dependencies": {
-    "@vue/compat": "^3.2.20",
     "folktale": "^2.3.2",
     "generic-pool": "^3.7.1",
     "gif-writer": "^0.9.3",
diff --git a/src/App.vue b/src/App.vue
index 2239a33..c5f279b 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -23,7 +23,7 @@ export default {
   mounted () {
     document.addEventListener('visibilitychange', this.handleVisibilityChange)
   },
-  destroyed () {
+  unmounted () {
     document.removeEventListener('visibilitychange', this.handleVisibilityChange)
   }
 }
diff --git a/src/views/components/preview-canvas.vue b/src/views/components/preview-canvas.vue
index 6d47907..ba90e7b 100644
--- a/src/views/components/preview-canvas.vue
+++ b/src/views/components/preview-canvas.vue
@@ -64,7 +64,7 @@ export default {
   mounted () {
     this.startPreview()
   },
-  destroyed () {
+  unmounted () {
     this.stopPreview()
   }
 }
diff --git a/src/views/layout/overlay.vue b/src/views/layout/overlay.vue
index a648605..4bc377b 100644
--- a/src/views/layout/overlay.vue
+++ b/src/views/layout/overlay.vue
@@ -23,7 +23,7 @@ export default {
   mounted: function () {
     document.body.classList.add('layoutOverlay-body')
   },
-  destroyed: function () {
+  unmounted: function () {
     document.body.classList.remove('layoutOverlay-body')
   }
 }
diff --git a/src/views/screens/capture.vue b/src/views/screens/capture.vue
index eca124a..cde7800 100644
--- a/src/views/screens/capture.vue
+++ b/src/views/screens/capture.vue
@@ -178,7 +178,7 @@ export default {
 
     this.ensureCamera()
   },
-  destroyed: function () {
+  unmounted: function () {
     document.body.classList.remove('capture-body')
     document.removeEventListener('visibilitychange', this.handleVisibilityChange)
   }
diff --git a/src/views/screens/download.vue b/src/views/screens/download.vue
index fcfc327..a65dfb5 100644
--- a/src/views/screens/download.vue
+++ b/src/views/screens/download.vue
@@ -125,7 +125,7 @@ export default {
       this.fillGIF()
     }
   },
-  destroyed () {
+  unmounted () {
     this.emptyGIF()
   }
 }