* Prevent ghost of modal from displaying when navigating away from Fi…

…nd VIN page.
TheSeg · Jan 4, 2021 · d602dab · d602dab
1 parent ae87595
commit d602dab
Showing 1 changed file with 9 additions and 3 deletions.
diff --git a/src/components/03_Data.vue b/src/components/03_Data.vue
@@ -31,9 +31,16 @@ export default {
   data () {
     return {
       textData: null,
-      errors: false
+      errors: false,
+      myModal: null
     }
   },
+  mounted () {
+    this.myModal = new Modal(document.getElementById('finalDataModal'))
+  },
+  beforeUnmount () {
+    this.myModal.hide()
+  },
   methods: {
     processJSON (event) {
       this.errors = false
@@ -42,8 +49,7 @@ export default {
         if (processed) {
           this.$store.commit('updateMainData', processed)
           if (this.$store.state.foundVINS.length > 0) {
-            const myModal = new Modal(document.getElementById('finalDataModal'))
-            myModal.show()
+            this.myModal.show()
           } else {
             this.errors = 'While proper JSON, it doesn\t look like this data has a VIN number.'
           }