@@ -130,7 +132,7 @@
diff --git a/resources/js/components/common/ScrollShadow.vue b/resources/js/components/common/ScrollShadow.vue
index 8aa4b78..937d281 100644
--- a/resources/js/components/common/ScrollShadow.vue
+++ b/resources/js/components/common/ScrollShadow.vue
@@ -60,19 +60,19 @@ export default {
const scrollContainerObserver = newResizeObserver(this.toggleShadow)
if (scrollContainerObserver) {
scrollContainerObserver.observe(this.$refs.scrollContainer)
- // Cleanup when the component is destroyed.
- this.$once('hook:destroyed', () => scrollContainerObserver.disconnect())
+ // Cleanup when the component is unmounted.
+ this.$once('hook:unmounted', () => scrollContainerObserver.disconnect())
}
// Recalculate the container dimensions when the wrapper is resized.
const wrapObserver = newResizeObserver(this.calcDimensions)
if (wrapObserver) {
wrapObserver.observe(this.$el)
- // Cleanup when the component is destroyed.
- this.$once('hook:destroyed', () => wrapObserver.disconnect())
+ // Cleanup when the component is unmounted.
+ this.$once('hook:unmounted', () => wrapObserver.disconnect())
}
},
- destroyed () {
+ unmounted () {
window.removeEventListener('resize', this.calcDimensions)
},
methods: {
diff --git a/resources/js/components/open/forms/components/FormEditor.vue b/resources/js/components/open/forms/components/FormEditor.vue
index 06ef37a..05f078e 100644
--- a/resources/js/components/open/forms/components/FormEditor.vue
+++ b/resources/js/components/open/forms/components/FormEditor.vue
@@ -55,21 +55,21 @@
Please create this form on a device with a larger screen. That will allow you to preview your form changes.