re-factor / cleanup

ayanova/src/components/alert-control.vue

@@ -2,9 +2,9 @@
   <v-col v-if="alertMessage" cols="12" mt-1 mb-2>
     <template v-if="popAlert">
       <v-alert
+        v-show="alertMessage"
         ref="alertBox"
         data-cy="alertbox"
-        v-show="alertMessage"
         color="accent"
         type="error"
         icon="$ayiExclamationTriangle"
@@ -15,9 +15,9 @@
     >
     <template v-else>
       <v-alert
+        v-show="alertMessage"
         ref="alertBox"
         data-cy="alertbox"
-        v-show="alertMessage"
         color="primary"
         icon="$ayiInfoCircle"
         class="multi-line"
@@ -29,10 +29,10 @@
 </template>
 <script>
 export default {
-  data: () => ({}),
   props: {
     alertMessage: { type: String, default: null },
     popAlert: { type: Boolean, default: false }
-  }
+  },
+  data: () => ({})
 };
 </script>