From 9af0374035734075d35550756e55baf5d91278df Mon Sep 17 00:00:00 2001
From: David Ma <davidma415@gmail.com>
Date: Mon, 15 Apr 2024 09:05:01 -0600
Subject: [PATCH] chore: refactor

---
 src/components/ErrorMessage.vue | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/components/ErrorMessage.vue b/src/components/ErrorMessage.vue
index e1551bb2b..ba8c18c17 100644
--- a/src/components/ErrorMessage.vue
+++ b/src/components/ErrorMessage.vue
@@ -4,20 +4,20 @@
     class="kong-auth-error-message error-message"
     data-testid="kong-auth-error-message"
   >
-    <template v-if="passwordRequirements.length" #default>
+    <template v-if="passwordRequirements.length" #alertMessage>
       <p>{{ capitalizeFirstChar(errorMessage) }}:</p>
       <ul>
         <li v-for="(error, idx) in passwordRequirements" :key="idx">{{ capitalizeFirstChar(error) }}</li>
       </ul>
     </template>
-    <template v-else #default>{{ errorMessage }}</template>
-    <template v-if="passwordRequirements.length" #alertMessage>
+    <template v-else #alertMessage>{{ errorMessage }}</template>
+    <template v-if="passwordRequirements.length" #default>
       <p>{{ capitalizeFirstChar(errorMessage) }}:</p>
       <ul>
         <li v-for="(error, idx) in passwordRequirements" :key="idx">{{ capitalizeFirstChar(error) }}</li>
       </ul>
     </template>
-    <template v-else #alertMessage>{{ errorMessage }}</template>
+    <template v-else #default>{{ errorMessage }}</template>
   </KAlert>
 </template>