From ea779f1c1411bd8a6508ac4b14c442c5643cf552 Mon Sep 17 00:00:00 2001
From: Ryan Wang <i@ryanc.cc>
Date: Mon, 28 Oct 2024 11:15:08 +0800
Subject: [PATCH] fix: display captcha correctly on initial load

Signed-off-by: Ryan Wang <i@ryanc.cc>
---
 packages/comment-widget/src/base-form.ts | 14 +++++++++++++-
 1 file changed, 13 insertions(+), 1 deletion(-)

diff --git a/packages/comment-widget/src/base-form.ts b/packages/comment-widget/src/base-form.ts
index c80799d..460b92a 100644
--- a/packages/comment-widget/src/base-form.ts
+++ b/packages/comment-widget/src/base-form.ts
@@ -78,6 +78,19 @@ export class BaseForm extends LitElement {
     return this.captchaEnabled && !this.currentUser && this.allowAnonymousComments;
   }
 
+  // eslint-disable-next-line  @typescript-eslint/no-explicit-any
+  override updated(changedProperties: Map<string, any>) {
+    if (
+      changedProperties.has('captchaEnabled') ||
+      changedProperties.has('currentUser') ||
+      changedProperties.has('allowAnonymousComments')
+    ) {
+      if (this.showCaptcha) {
+        this.handleFetchCaptcha();
+      }
+    }
+  }
+
   async handleFetchCaptcha() {
     if (!this.showCaptcha) {
       return;
@@ -143,7 +156,6 @@ export class BaseForm extends LitElement {
   override connectedCallback(): void {
     super.connectedCallback();
     this.addEventListener('keydown', this.onKeydown);
-    this.handleFetchCaptcha();
   }
 
   override disconnectedCallback(): void {