From 1e933bb3dbaaf9632f737af9eda299207ac17fe2 Mon Sep 17 00:00:00 2001
From: David Ma <davidma415@gmail.com>
Date: Mon, 15 Apr 2024 10:02:16 -0600
Subject: [PATCH] chore: add comment

---
 src/components/ErrorMessage.vue       | 1 +
 src/components/ForgotPasswordForm.vue | 1 +
 src/components/LoginForm.vue          | 3 +++
 3 files changed, 5 insertions(+)

diff --git a/src/components/ErrorMessage.vue b/src/components/ErrorMessage.vue
index 1342b77be..c1ede88a0 100644
--- a/src/components/ErrorMessage.vue
+++ b/src/components/ErrorMessage.vue
@@ -1,4 +1,5 @@
 <template>
+  <!-- NOTE: alert-message is added for backwards compatibility of host apps that arent using kongponents alpha -->
   <KAlert
     :alert-message="errorMessage"
     appearance="danger"
diff --git a/src/components/ForgotPasswordForm.vue b/src/components/ForgotPasswordForm.vue
index bb3942ed2..64ffc52f2 100644
--- a/src/components/ForgotPasswordForm.vue
+++ b/src/components/ForgotPasswordForm.vue
@@ -4,6 +4,7 @@
       <ErrorMessage :error="error" />
     </div>
     <div v-else-if="currentState.matches('success')">
+      <!-- NOTE: alert-message is added for backwards compatibility of host apps that arent using kongponents alpha -->
       <KAlert
         :alert-message="successText"
         appearance="info"
diff --git a/src/components/LoginForm.vue b/src/components/LoginForm.vue
index 6e27d1ee8..df0352c7d 100644
--- a/src/components/LoginForm.vue
+++ b/src/components/LoginForm.vue
@@ -42,6 +42,7 @@
       </div>
 
       <div v-else-if="currentState.matches('reset_password')" class="form-error">
+        <!-- NOTE: alert-message is added for backwards compatibility of host apps that arent using kongponents alpha -->
         <KAlert
           :alert-message="messages.login.passwordResetSuccess"
           appearance="success"
@@ -52,6 +53,7 @@
       </div>
 
       <div v-else-if="currentState.matches('confirmed_email')" class="form-error">
+        <!-- NOTE: alert-message is added for backwards compatibility of host apps that arent using kongponents alpha -->
         <KAlert
           :alert-message="messages.login.confirmedEmailSuccess"
           appearance="success"
@@ -62,6 +64,7 @@
       </div>
 
       <div v-else-if="currentState.matches('from_register')" class="form-error">
+        <!-- NOTE: alert-message is added for backwards compatibility of host apps that arent using kongponents alpha -->
         <KAlert
           :alert-message="registerSuccessText"
           appearance="success"