Rename beforeDestroy to beforeUnmount

Author: spinn

examples/questionnaire/Example.vue

@@ -77,9 +77,11 @@
 
   export default {
     name: 'example',
+
     components: {
       FlowForm
     },
+
     data() {
       return {
         submitted: false,
@@ -103,7 +105,7 @@
             required: true,
             placeholder: 'Start typing here...'
           }),
-           new QuestionModel({
+          new QuestionModel({
             id: 'multiple_choice_image',
             tagline: "Let's take it one step further...",
             title: 'Tell us what is your favorite social network hangout.',
@@ -220,7 +222,7 @@
               path_b: 'path_b'
             }
           }),
-           new QuestionModel({
+          new QuestionModel({
             id: 'path_a',
             title: 'Excellent choice! 🥳',
             content: 'Press enter or use the continue button for the final submit screen.',
@@ -253,12 +255,15 @@
         ]
       }
     },
+
     mounted() {
       document.addEventListener('keyup', this.onKeyListener)
     },
-    beforeDestroy() {
+
+    beforeUnmount() {
       document.removeEventListener('keyup', this.onKeyListener)
     },
+
     methods: {
       onKeyListener($event) {
         // We've overriden the default "complete" slot so
@@ -324,7 +329,7 @@
 
         return data
       }
-    },
+    }
   }
 </script>
 

src/components/FlowForm.vue

@@ -202,7 +202,7 @@
       this.checkTimer()
     },
 
-    beforeDestroy() {
+    beforeUnmount() {
       document.removeEventListener('keydown', this.onKeyDownListener)
       document.removeEventListener('keyup', this.onKeyUpListener, true)
       window.removeEventListener('beforeunload', this.onBeforeUnload)

src/components/FlowFormQuestion.vue

@@ -171,7 +171,7 @@
       this.$refs.qanimate.addEventListener('animationend', this.onAnimationEnd)
     },
 
-    beforeDestroy() {
+    beforeUnmount() {
       this.$refs.qanimate.removeEventListener('animationend', this.onAnimationEnd)
     },
 

src/components/QuestionTypes/LongTextType.vue

@@ -26,27 +26,32 @@
   */
 
   import BaseType from './BaseType.vue'
-  import LanguageModel from '../../models/LanguageModel'
   import { QuestionType } from '../../models/QuestionModel'
   import TextareaAutosize from 'vue-textarea-autosize/src/components/TextareaAutosize'
 
   export default {
     extends: BaseType,
+
     name: QuestionType.LongText,
+
     components: {
       TextareaAutosize
     },
+
     data () {
       return {
         canReceiveFocus: true
       }
     },
+
     mounted() {
       window.addEventListener('resize', this.onResizeListener)
     },
-    beforeDestroy() {
+
+    beforeUnmount() {
       window.removeEventListener('resize', this.onResizeListener)
     },
+
     methods: {
       onResizeListener() {
         this.$refs.input.resize()

src/components/QuestionTypes/MultipleChoiceType.vue

@@ -73,7 +73,7 @@
       this.addKeyListener()
     },
 
-    beforeDestroy() {
+    beforeUnmount() {
       this.removeKeyListener()
     },