diff --git a/build.gradle b/build.gradle
index 2f2a1e0..c820687 100644
--- a/build.gradle
+++ b/build.gradle
@@ -41,6 +41,6 @@ build {
 }
 
 halo {
-    version = "2.18.0"
+    version = "2.20"
     debug = true
 }
diff --git a/packages/comment-widget/lit-localize.json b/packages/comment-widget/lit-localize.json
new file mode 100644
index 0000000..6d04a27
--- /dev/null
+++ b/packages/comment-widget/lit-localize.json
@@ -0,0 +1,19 @@
+{
+  "$schema": "https://raw.githubusercontent.com/lit/lit/main/packages/localize-tools/config.schema.json",
+  "sourceLocale": "en",
+  "targetLocales": [
+    "es",
+    "zh-CN",
+    "zh-TW"
+  ],
+  "tsConfig": "./tsconfig.json",
+  "output": {
+    "mode": "runtime",
+    "outputDir": "./src/generated/locales",
+    "localeCodesModule": "./src/generated/locale-codes.ts"
+  },
+  "interchange": {
+    "format": "xliff",
+    "xliffDir": "./xliff/"
+  }
+}
\ No newline at end of file
diff --git a/packages/comment-widget/package.json b/packages/comment-widget/package.json
index 3d40b22..bcd10e7 100644
--- a/packages/comment-widget/package.json
+++ b/packages/comment-widget/package.json
@@ -36,6 +36,7 @@
     "@emoji-mart/data": "^1.1.2",
     "@halo-dev/api-client": "^2.14.0",
     "@lit/context": "^1.1.0",
+    "@lit/localize": "^0.12.2",
     "dayjs": "^1.11.10",
     "emoji-mart": "^5.5.2",
     "javascript-time-ago": "^2.5.9",
@@ -43,6 +44,7 @@
     "lodash-es": "^4.17.21"
   },
   "devDependencies": {
+    "@lit/localize-tools": "^0.8.0",
     "@types/lodash-es": "^4.17.12",
     "lit-analyzer": "^2.0.3"
   }
diff --git a/packages/comment-widget/src/base-comment-item.ts b/packages/comment-widget/src/base-comment-item.ts
index 0a01e09..f902a31 100644
--- a/packages/comment-widget/src/base-comment-item.ts
+++ b/packages/comment-widget/src/base-comment-item.ts
@@ -4,6 +4,7 @@ import { property } from 'lit/decorators.js';
 import { formatDate, timeAgo } from './utils/date';
 import baseStyles from './styles/base';
 import varStyles from './styles/var';
+import { msg } from '@lit/localize';
 
 export class BaseCommentItem extends LitElement {
   @property({ type: String })
@@ -45,7 +46,7 @@ export class BaseCommentItem extends LitElement {
           <div class="item__meta-info" title=${formatDate(this.creationTime)}>
             ${timeAgo(this.creationTime)}
           </div>
-          ${!this.approved ? html`<div class="item__meta-info">审核中</div>` : ''}
+          ${!this.approved ? html`<div class="item__meta-info">${msg('Reviewing')}</div>` : ''}
         </div>
 
         <div class="item__content">
diff --git a/packages/comment-widget/src/base-form.ts b/packages/comment-widget/src/base-form.ts
index 460b92a..df8b75b 100644
--- a/packages/comment-widget/src/base-form.ts
+++ b/packages/comment-widget/src/base-form.ts
@@ -19,6 +19,7 @@ import './icons/icon-loading';
 import { ToastManager } from './lit-toast';
 import baseStyles from './styles/base';
 import varStyles from './styles/var';
+import { msg } from '@lit/localize';
 
 export class BaseForm extends LitElement {
   @consume({ context: baseUrlContext })
@@ -99,7 +100,7 @@ export class BaseForm extends LitElement {
     const response = await fetch(`/apis/api.commentwidget.halo.run/v1alpha1/captcha/-/generate`);
 
     if (!response.ok) {
-      this.toastManager?.error('获取验证码失败');
+      this.toastManager?.error(msg('Failed to obtain verification code'));
       return;
     }
 
@@ -111,7 +112,13 @@ export class BaseForm extends LitElement {
   }
 
   async handleLogout() {
-    if (window.confirm('点击确定将跳转至退出登录页面，请确保正在编辑的内容已保存。')) {
+    if (
+      window.confirm(
+        msg(
+          'Click OK to jump to the logout page, Please make sure the content being edited has been saved.'
+        )
+      )
+    ) {
       try {
         window.location.href = '/logout';
       } catch (error) {
@@ -125,7 +132,7 @@ export class BaseForm extends LitElement {
       ${this.currentUser?.spec.avatar ? html`<img src=${this.currentUser.spec.avatar} />` : ''}
       <span> ${this.currentUser?.spec.displayName || this.currentUser?.metadata.name} </span>
       <button @click=${this.handleLogout} type="button" class="form__button--logout">
-        退出登录
+        ${msg('Logout')}
       </button>
     </div>`;
   }
@@ -169,7 +176,7 @@ export class BaseForm extends LitElement {
         <textarea
           class="form__editor"
           ${ref(this.textareaRef)}
-          placeholder="编写评论"
+          placeholder=${msg('Write a comment')}
           rows="4"
           name="content"
           required
@@ -182,23 +189,23 @@ export class BaseForm extends LitElement {
                 name="displayName"
                 value=${this.customAccount.displayName}
                 type="text"
-                placeholder="昵称"
+                placeholder=${msg('Nicename')}
                 required
               />
               <input
                 name="email"
                 value=${this.customAccount.email}
                 type="email"
-                placeholder="电子邮件"
+                placeholder=${msg('Email')}
                 required
               />
               <input
                 name="website"
                 value=${this.customAccount.website}
                 type="url"
-                placeholder="网站"
+                placeholder=${msg('Website')}
               />
-              <a href=${this.loginUrl} rel="nofollow">（或登录账号）</a>
+              <a href=${this.loginUrl} rel="nofollow">${msg('(Or login)')}</a>
             </div>`
           : ''}
 
@@ -210,14 +217,18 @@ export class BaseForm extends LitElement {
                 class="form__button--login"
                 type="button"
               >
-                登录
+                ${msg('Login')}
               </button> `
             : ''}
           <div class="form__actions">
             ${this.showCaptcha
               ? html`
                   <div class="form__action--captcha">
-                    <input name="captchaCode" type="text" placeholder="请输入验证码" />
+                    <input
+                      name="captchaCode"
+                      type="text"
+                      placeholder=${msg('Please enter the verification code')}
+                    />
                     <img
                       @click=${this.handleFetchCaptcha}
                       src="${this.captcha}"
@@ -243,7 +254,7 @@ export class BaseForm extends LitElement {
                       d="M8 7.71L18 12L8 16.29v-3.34l7.14-.95L8 11.05V7.71M12 2a10 10 0 0 1 10 10a10 10 0 0 1-10 10A10 10 0 0 1 2 12A10 10 0 0 1 12 2m0 2a8 8 0 0 0-8 8a8 8 0 0 0 8 8a8 8 0 0 0 8-8a8 8 0 0 0-8-8Z"
                     ></path>
                   </svg>`}
-              提交评论
+              ${msg('Submit')}
             </button>
           </div>
         </div>
diff --git a/packages/comment-widget/src/comment-form.ts b/packages/comment-widget/src/comment-form.ts
index 197b1fd..1274e9b 100644
--- a/packages/comment-widget/src/comment-form.ts
+++ b/packages/comment-widget/src/comment-form.ts
@@ -17,6 +17,7 @@ import {
 } from './context';
 import { ToastManager } from './lit-toast';
 import { getCaptchaCodeHeader, isRequireCaptcha } from './utils/captcha';
+import { msg } from '@lit/localize';
 
 export class CommentForm extends LitElement {
   @consume({ context: baseUrlContext })
@@ -91,14 +92,14 @@ export class CommentForm extends LitElement {
     };
 
     if (!this.currentUser && !this.allowAnonymousComments) {
-      this.toastManager?.warn('请先登录');
+      this.toastManager?.warn(msg('Please login first'));
       this.submitting = false;
       return;
     }
 
     if (!this.currentUser && this.allowAnonymousComments) {
       if (!displayName || !email) {
-        this.toastManager?.warn('请先登录或者完善信息');
+        this.toastManager?.warn(msg('Please log in or complete the information first'));
         this.submitting = false;
         return;
       } else {
@@ -130,15 +131,15 @@ export class CommentForm extends LitElement {
       this.baseFormRef.value?.handleFetchCaptcha();
 
       if (!response.ok) {
-        throw new Error('评论失败，请稍后重试');
+        throw new Error(msg('Comment failed, please try again later'));
       }
 
       const newComment = (await response.json()) as Comment;
 
       if (newComment.spec.approved) {
-        this.toastManager?.success('评论成功');
+        this.toastManager?.success(msg('Comment submitted successfully'));
       } else {
-        this.toastManager?.success('评论成功，等待审核');
+        this.toastManager?.success(msg('Comment submitted successfully, pending review'));
       }
 
       this.dispatchEvent(new CustomEvent('reload'));
diff --git a/packages/comment-widget/src/comment-item.ts b/packages/comment-widget/src/comment-item.ts
index 25edca7..672153b 100644
--- a/packages/comment-widget/src/comment-item.ts
+++ b/packages/comment-widget/src/comment-item.ts
@@ -13,6 +13,7 @@ import varStyles from './styles/var';
 import { Ref, createRef, ref } from 'lit/directives/ref.js';
 import { CommentReplies } from './comment-replies';
 import { getPolicyInstance } from './avatar/avatar-policy';
+import { msg } from '@lit/localize';
 
 export class CommentItem extends LitElement {
   @consume({ context: baseUrlContext })
@@ -178,7 +179,7 @@ export class CommentItem extends LitElement {
       ${this.withReplies
         ? html` <base-comment-item-action
             slot="action"
-            .text=${this.showReplyForm ? '取消回复' : '加入回复'}
+            .text=${this.showReplyForm ? msg('Cancel reply') : msg('Add reply')}
             @click="${() => (this.showReplyForm = !this.showReplyForm)}"
           >
             <svg
diff --git a/packages/comment-widget/src/comment-pagination.ts b/packages/comment-widget/src/comment-pagination.ts
index c4a60e7..004fbcc 100644
--- a/packages/comment-widget/src/comment-pagination.ts
+++ b/packages/comment-widget/src/comment-pagination.ts
@@ -2,6 +2,7 @@ import { LitElement, css, html } from 'lit';
 import { property } from 'lit/decorators.js';
 import baseStyles from './styles/base';
 import varStyles from './styles/var';
+import { msg } from '@lit/localize';
 
 export class CommentPagination extends LitElement {
   @property({ type: Number })
@@ -107,7 +108,7 @@ export class CommentPagination extends LitElement {
                 d="m15 6l-6 6l6 6"
               />
             </svg>
-            上一页
+            ${msg('Previous')}
           </button>
         </li>
         ${this.renderPageNumbers()}
@@ -116,7 +117,7 @@ export class CommentPagination extends LitElement {
             @click=${() => this.gotoPage(this.page + 1)}
             ?disabled=${this.page === this.totalPages}
           >
-            下一页
+            ${msg('Next')}
             <svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24">
               <path
                 fill="none"
diff --git a/packages/comment-widget/src/comment-replies.ts b/packages/comment-widget/src/comment-replies.ts
index f2b71f2..b13910f 100644
--- a/packages/comment-widget/src/comment-replies.ts
+++ b/packages/comment-widget/src/comment-replies.ts
@@ -10,6 +10,7 @@ import './reply-form';
 import varStyles from './styles/var';
 import baseStyles from './styles/base';
 import { ToastManager } from './lit-toast';
+import { msg } from '@lit/localize';
 
 export class CommentReplies extends LitElement {
   @consume({ context: baseUrlContext })
@@ -73,7 +74,7 @@ export class CommentReplies extends LitElement {
       ${this.loading ? html` <loading-block></loading-block>` : ''}
       ${this.hasNext && !this.loading
         ? html` <div class="replies__next-wrapper">
-            <button @click=${this.fetchNext}>加载更多</button>
+            <button @click=${this.fetchNext}>${msg('Load more')}</button>
           </div>`
         : ''}
     </div>`;
@@ -99,7 +100,7 @@ export class CommentReplies extends LitElement {
       );
 
       if (!response.ok) {
-        throw new Error('加载回复列表失败，请稍后重试');
+        throw new Error(msg('Failed to load reply list, please try again later'));
       }
 
       const data = (await response.json()) as ReplyVoList;
diff --git a/packages/comment-widget/src/comment-widget.ts b/packages/comment-widget/src/comment-widget.ts
index 2f92f13..c8ca191 100644
--- a/packages/comment-widget/src/comment-widget.ts
+++ b/packages/comment-widget/src/comment-widget.ts
@@ -35,6 +35,7 @@ import {
 import { ToastManager } from './lit-toast';
 import baseStyles from './styles/base';
 import varStyles from './styles/var';
+import { msg } from '@lit/localize';
 
 export class CommentWidget extends LitElement {
   @provide({ context: baseUrlContext })
@@ -141,7 +142,7 @@ export class CommentWidget extends LitElement {
         : html`
             <div class="comment-widget__wrapper">
               <div class="comment-widget__stats">
-                <span>${this.comments.total} 条评论</span>
+                <span>${msg(html`${this.comments.total} Comments`)}</span>
               </div>
 
               <div class="comment-widget__list">
@@ -213,7 +214,7 @@ export class CommentWidget extends LitElement {
       );
 
       if (!response.ok) {
-        throw new Error('评论列表加载失败，请稍后重试');
+        throw new Error(msg('Failed to load comment list, please try again later'));
       }
 
       this.comments = await response.json();
diff --git a/packages/comment-widget/src/emoji-button.ts b/packages/comment-widget/src/emoji-button.ts
index 19303cd..fe7cd3b 100644
--- a/packages/comment-widget/src/emoji-button.ts
+++ b/packages/comment-widget/src/emoji-button.ts
@@ -12,6 +12,21 @@ import varStyles from './styles/var';
 // eslint-disable-next-line @typescript-eslint/ban-ts-comment
 //@ts-ignore
 import zh from '@emoji-mart/data/i18n/zh.json';
+// eslint-disable-next-line @typescript-eslint/ban-ts-comment
+//@ts-ignore
+import en from '@emoji-mart/data/i18n/en.json';
+// eslint-disable-next-line @typescript-eslint/ban-ts-comment
+//@ts-ignore
+import es from '@emoji-mart/data/i18n/es.json';
+import { msg } from '@lit/localize';
+import { getLocale } from './locale';
+
+const localeMap = {
+  'zh-CN': zh,
+  'zh-TW': zh,
+  en: en,
+  es: es,
+};
 
 export class EmojiButton extends LitElement {
   @state()
@@ -72,7 +87,7 @@ export class EmojiButton extends LitElement {
       onEmojiSelect: ({ native }: { native: string }) => {
         this.dispatchEvent(new CustomEvent('emoji-select', { detail: { native } }));
       },
-      i18n: zh,
+      i18n: localeMap[getLocale()],
     });
 
     // TODO: fix this ts error
@@ -83,7 +98,7 @@ export class EmojiButton extends LitElement {
   }
 
   override render() {
-    return html`<button class="emoji-button" type="button" aria-label="选择表情">
+    return html`<button class="emoji-button" type="button" aria-label=${msg('Select emoticon')}>
       ${this.emojiLoading
         ? html`<icon-loading></icon-loading>`
         : html`<icon-emoji @click=${this.handleOpenEmojiPicker}></icon-emoji>`}
diff --git a/packages/comment-widget/src/generated/locale-codes.ts b/packages/comment-widget/src/generated/locale-codes.ts
new file mode 100644
index 0000000..23dbf36
--- /dev/null
+++ b/packages/comment-widget/src/generated/locale-codes.ts
@@ -0,0 +1,27 @@
+// Do not modify this file by hand!
+// Re-generate this file by running lit-localize.
+
+/**
+ * The locale code that templates in this source code are written in.
+ */
+export const sourceLocale = `en`;
+
+/**
+ * The other locale codes that this application is localized into. Sorted
+ * lexicographically.
+ */
+export const targetLocales = [
+  `es`,
+  `zh-CN`,
+  `zh-TW`,
+] as const;
+
+/**
+ * All valid project locale codes. Sorted lexicographically.
+ */
+export const allLocales = [
+  `en`,
+  `es`,
+  `zh-CN`,
+  `zh-TW`,
+] as const;
diff --git a/packages/comment-widget/src/generated/locales/es.ts b/packages/comment-widget/src/generated/locales/es.ts
new file mode 100644
index 0000000..9c2e674
--- /dev/null
+++ b/packages/comment-widget/src/generated/locales/es.ts
@@ -0,0 +1,40 @@
+
+    // Do not modify this file by hand!
+    // Re-generate this file by running lit-localize
+
+    import {html} from 'lit';
+    
+
+    /* eslint-disable no-irregular-whitespace */
+    /* eslint-disable @typescript-eslint/no-explicit-any */
+
+    export const templates = {
+      'h6a83761bb66bbcc5': html`${0} Comentarios`,
+'s053945ad43e9d1d6': `Por favor, ingrese el código de verificación`,
+'s09c7e0ff5f4e18cb': `Cancelar respuesta`,
+'s0b7ae9543c001867': `Responder`,
+'s0fbf6dc6a1966408': `Siguiente`,
+'s1c6fefb092506753': `Error al cargar la lista de comentarios, por favor intente más tarde`,
+'s1e3e30a26025484c': `Error al cargar la lista de respuestas, por favor intente más tarde`,
+'s299b10f3a58a09fd': `Haga clic en OK para ir a la página de cierre de sesión, Por favor, asegúrese de que el contenido editado haya sido guardado.`,
+'s3fb33d17bad61aa9': `Comentario enviado con éxito, pendiente de revisión`,
+'s4c0e15f9073382e6': `Error al obtener el código de verificación`,
+'s67749057edb2586b': `Cerrar sesión`,
+'s7437373e541a8037': `Apodo`,
+'s7584ded3d749c75e': `Cargar más`,
+'s82665b2ffabc9c0a': `Sitio web`,
+'s84b033b2f7360187': `Por favor, inicie sesión o complete la información primero`,
+'s98a5f7789c49dd3f': `En revisión`,
+'s9f2ed66340f019c6': `Escribir un comentario`,
+'sa10fbe3fcd6ae148': `Agregar respuesta`,
+'sa8dddacbaa66f8e0': `Por favor, inicie sesión primero`,
+'sb3d4f79d9d8b71e5': `Enviar comentario`,
+'sb5a28aa35006ff08': `Comentario enviado con éxito`,
+'sc8da3cc71de63832': `Iniciar sesión`,
+'sd1f44f1a8bc20e67': `Correo electrónico`,
+'sd5e242ab9574958a': `Error al comentar, por favor intente más tarde`,
+'sea7e567ed89dc0d7': `Seleccionar emoticono`,
+'sf3ff78cc329d3528': `Anterior`,
+'sf77128b082955d42': `(O iniciar sesión)`,
+    };
+  
\ No newline at end of file
diff --git a/packages/comment-widget/src/generated/locales/zh-CN.ts b/packages/comment-widget/src/generated/locales/zh-CN.ts
new file mode 100644
index 0000000..1135d08
--- /dev/null
+++ b/packages/comment-widget/src/generated/locales/zh-CN.ts
@@ -0,0 +1,40 @@
+
+    // Do not modify this file by hand!
+    // Re-generate this file by running lit-localize
+
+    import {html} from 'lit';
+    
+
+    /* eslint-disable no-irregular-whitespace */
+    /* eslint-disable @typescript-eslint/no-explicit-any */
+
+    export const templates = {
+      'h6a83761bb66bbcc5': html`${0} 条评论`,
+'s053945ad43e9d1d6': `请输入验证码`,
+'s09c7e0ff5f4e18cb': `取消回复`,
+'s0b7ae9543c001867': `回复`,
+'s0fbf6dc6a1966408': `下一页`,
+'s1c6fefb092506753': `加载评论列表失败，请稍后重试`,
+'s1e3e30a26025484c': `加载回复列表失败，请稍后重试`,
+'s299b10f3a58a09fd': `点击确定将跳转至退出登录页面，请确保正在编辑的内容已保存。`,
+'s3fb33d17bad61aa9': `评论成功，请等待审核`,
+'s4c0e15f9073382e6': `获取验证码失败`,
+'s67749057edb2586b': `退出登录`,
+'s7437373e541a8037': `昵称`,
+'s7584ded3d749c75e': `加载更多`,
+'s82665b2ffabc9c0a': `网站`,
+'s84b033b2f7360187': `请先登录或者完善信息`,
+'s98a5f7789c49dd3f': `审核中`,
+'s9f2ed66340f019c6': `编写评论`,
+'sa10fbe3fcd6ae148': `加入回复`,
+'sa8dddacbaa66f8e0': `请先登录`,
+'sb3d4f79d9d8b71e5': `提交评论`,
+'sb5a28aa35006ff08': `评论成功`,
+'sc8da3cc71de63832': `登录`,
+'sd1f44f1a8bc20e67': `电子邮件`,
+'sd5e242ab9574958a': `评论失败，请稍后重试`,
+'sea7e567ed89dc0d7': `选择表情`,
+'sf3ff78cc329d3528': `上一页`,
+'sf77128b082955d42': `（或登录账号）`,
+    };
+  
\ No newline at end of file
diff --git a/packages/comment-widget/src/generated/locales/zh-TW.ts b/packages/comment-widget/src/generated/locales/zh-TW.ts
new file mode 100644
index 0000000..5e8c093
--- /dev/null
+++ b/packages/comment-widget/src/generated/locales/zh-TW.ts
@@ -0,0 +1,40 @@
+
+    // Do not modify this file by hand!
+    // Re-generate this file by running lit-localize
+
+    import {html} from 'lit';
+    
+
+    /* eslint-disable no-irregular-whitespace */
+    /* eslint-disable @typescript-eslint/no-explicit-any */
+
+    export const templates = {
+      'h6a83761bb66bbcc5': html`${0} 則評論`,
+'s053945ad43e9d1d6': `請輸入驗證碼`,
+'s09c7e0ff5f4e18cb': `取消回覆`,
+'s0b7ae9543c001867': `回覆`,
+'s0fbf6dc6a1966408': `下一頁`,
+'s1c6fefb092506753': `載入評論列表失敗，請稍後重試`,
+'s1e3e30a26025484c': `載入回覆列表失敗，請稍後重試`,
+'s299b10f3a58a09fd': `点击确定将跳转至退出登录页面，请确保正在编辑的内容已保存。`,
+'s3fb33d17bad61aa9': `評論成功，請等待審核`,
+'s4c0e15f9073382e6': `獲取驗證碼失敗`,
+'s67749057edb2586b': `登出`,
+'s7437373e541a8037': `暱稱`,
+'s7584ded3d749c75e': `載入更多`,
+'s82665b2ffabc9c0a': `網站`,
+'s84b033b2f7360187': `請先登入或者完善資訊`,
+'s98a5f7789c49dd3f': `審核中`,
+'s9f2ed66340f019c6': `撰寫評論`,
+'sa10fbe3fcd6ae148': `新增回覆`,
+'sa8dddacbaa66f8e0': `請先登入`,
+'sb3d4f79d9d8b71e5': `提交評論`,
+'sb5a28aa35006ff08': `評論成功`,
+'sc8da3cc71de63832': `登入`,
+'sd1f44f1a8bc20e67': `電子郵件`,
+'sd5e242ab9574958a': `評論失敗，請稍後重試`,
+'sea7e567ed89dc0d7': `選擇表情`,
+'sf3ff78cc329d3528': `上一頁`,
+'sf77128b082955d42': `（或登入帳號）`,
+    };
+  
\ No newline at end of file
diff --git a/packages/comment-widget/src/index.ts b/packages/comment-widget/src/index.ts
index 84f66f3..7a89679 100644
--- a/packages/comment-widget/src/index.ts
+++ b/packages/comment-widget/src/index.ts
@@ -10,6 +10,7 @@ import { ReplyForm } from './reply-form';
 import { ReplyItem } from './reply-item';
 import { UserAvatar } from './user-avatar';
 import { LitToast } from './lit-toast';
+import './locale';
 
 export {
   CommentWidget,
diff --git a/packages/comment-widget/src/locale/index.ts b/packages/comment-widget/src/locale/index.ts
new file mode 100644
index 0000000..54c90da
--- /dev/null
+++ b/packages/comment-widget/src/locale/index.ts
@@ -0,0 +1,34 @@
+import { configureLocalization, LocaleModule } from '@lit/localize';
+import * as templates_es from '../generated/locales/es';
+import * as templates_zh_CN from '../generated/locales/zh-CN';
+import * as templates_zh_TW from '../generated/locales/zh-TW';
+import { allLocales, sourceLocale, targetLocales } from '../generated/locale-codes';
+
+const localizedTemplates = new Map([
+  ['es', templates_es],
+  ['zh-CN', templates_zh_CN],
+  ['zh-TW', templates_zh_TW],
+]);
+
+const { setLocale } = configureLocalization({
+  sourceLocale,
+  targetLocales,
+  loadLocale: async (locale) => localizedTemplates.get(locale) as LocaleModule,
+});
+
+setLocale(getLocale());
+
+function getLanguageFromCookie() {
+  const match = document.cookie.match(new RegExp('(^| )language=([^;]+)'));
+  const matchedLanguage = allLocales.find((locale) => locale === match?.[2]);
+  return matchedLanguage;
+}
+
+function getLanguageFromBrowser() {
+  const language = allLocales.find((locale) => locale === navigator.language);
+  return language;
+}
+
+export function getLocale() {
+  return getLanguageFromCookie() || getLanguageFromBrowser() || sourceLocale;
+}
diff --git a/packages/comment-widget/src/reply-form.ts b/packages/comment-widget/src/reply-form.ts
index 5c5f79a..51a1a5c 100644
--- a/packages/comment-widget/src/reply-form.ts
+++ b/packages/comment-widget/src/reply-form.ts
@@ -13,6 +13,7 @@ import {
 } from './context';
 import { ToastManager } from './lit-toast';
 import { getCaptchaCodeHeader, isRequireCaptcha } from './utils/captcha';
+import { msg } from '@lit/localize';
 
 export class ReplyForm extends LitElement {
   @consume({ context: baseUrlContext })
@@ -84,14 +85,14 @@ export class ReplyForm extends LitElement {
     }
 
     if (!this.currentUser && !this.allowAnonymousComments) {
-      this.toastManager?.warn('请先登录');
+      this.toastManager?.warn(msg('Please login first'));
       this.submitting = false;
       return;
     }
 
     if (!this.currentUser && this.allowAnonymousComments) {
       if (!displayName || !email) {
-        this.toastManager?.warn('请先登录或者完善信息');
+        this.toastManager?.warn(msg('Please log in or complete the information first'));
         this.submitting = false;
         return;
       } else {
@@ -126,15 +127,15 @@ export class ReplyForm extends LitElement {
       this.baseFormRef.value?.handleFetchCaptcha();
 
       if (!response.ok) {
-        throw new Error('评论失败，请稍后重试');
+        throw new Error(msg('Comment failed, please try again later'));
       }
 
       const newReply = (await response.json()) as Reply;
 
       if (newReply.spec.approved) {
-        this.toastManager?.success('评论成功');
+        this.toastManager?.success(msg('Comment submitted successfully'));
       } else {
-        this.toastManager?.success('评论成功，等待审核');
+        this.toastManager?.success(msg('Comment submitted successfully, pending review'));
       }
 
       this.dispatchEvent(new CustomEvent('reload'));
diff --git a/packages/comment-widget/src/reply-item.ts b/packages/comment-widget/src/reply-item.ts
index dd1b639..d73e1a8 100644
--- a/packages/comment-widget/src/reply-item.ts
+++ b/packages/comment-widget/src/reply-item.ts
@@ -11,6 +11,7 @@ import { consume } from '@lit/context';
 import { baseUrlContext } from './context';
 import varStyles from './styles/var';
 import { getPolicyInstance } from './avatar/avatar-policy';
+import { msg } from '@lit/localize';
 
 export class ReplyItem extends LitElement {
   @consume({ context: baseUrlContext })
@@ -158,7 +159,7 @@ export class ReplyItem extends LitElement {
         <base-comment-item-action
           slot="action"
           @click="${() => (this.showReplyForm = !this.showReplyForm)}"
-          .text=${this.showReplyForm ? '取消回复' : '回复'}
+          .text=${this.showReplyForm ? msg('Cancel reply') : msg('Reply')}
         >
           <svg
             slot="icon"
diff --git a/packages/comment-widget/src/utils/date.ts b/packages/comment-widget/src/utils/date.ts
index 4b7f3e9..96baceb 100644
--- a/packages/comment-widget/src/utils/date.ts
+++ b/packages/comment-widget/src/utils/date.ts
@@ -1,12 +1,23 @@
 import dayjs from 'dayjs';
 import 'dayjs/locale/zh-cn';
+import 'dayjs/locale/zh-tw';
+import 'dayjs/locale/en';
+import 'dayjs/locale/es';
 import timezone from 'dayjs/plugin/timezone';
 import relativeTime from 'dayjs/plugin/relativeTime';
+import { getLocale } from '../locale';
+
+const localeMap = {
+  'zh-CN': 'zh-cn',
+  'zh-TW': 'zh-tw',
+  en: 'en',
+  es: 'es',
+};
 
 dayjs.extend(timezone);
 dayjs.extend(relativeTime);
 
-dayjs.locale('zh-cn');
+dayjs.locale(localeMap[getLocale()]);
 
 export function formatDate(date: string | Date | undefined | null): string {
   if (!date) {
diff --git a/packages/comment-widget/xliff/es.xlf b/packages/comment-widget/xliff/es.xlf
new file mode 100644
index 0000000..0ffafa4
--- /dev/null
+++ b/packages/comment-widget/xliff/es.xlf
@@ -0,0 +1,115 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<xliff version="1.2" xmlns="urn:oasis:names:tc:xliff:document:1.2">
+<file target-language="es" source-language="en" original="lit-localize-inputs" datatype="plaintext">
+<body>
+<trans-unit id="s67749057edb2586b">
+  <source>Logout</source>
+  <target>Cerrar sesión</target>
+</trans-unit>
+<trans-unit id="s9f2ed66340f019c6">
+  <source>Write a comment</source>
+  <target>Escribir un comentario</target>
+</trans-unit>
+<trans-unit id="s7437373e541a8037">
+  <source>Nicename</source>
+  <target>Apodo</target>
+</trans-unit>
+<trans-unit id="sd1f44f1a8bc20e67">
+  <source>Email</source>
+  <target>Correo electrónico</target>
+</trans-unit>
+<trans-unit id="s82665b2ffabc9c0a">
+  <source>Website</source>
+  <target>Sitio web</target>
+</trans-unit>
+<trans-unit id="sc8da3cc71de63832">
+  <source>Login</source>
+  <target>Iniciar sesión</target>
+</trans-unit>
+<trans-unit id="sb3d4f79d9d8b71e5">
+  <source>Submit</source>
+  <target>Enviar comentario</target>
+</trans-unit>
+<trans-unit id="s09c7e0ff5f4e18cb">
+  <source>Cancel reply</source>
+  <target>Cancelar respuesta</target>
+</trans-unit>
+<trans-unit id="s0b7ae9543c001867">
+  <source>Reply</source>
+  <target>Responder</target>
+</trans-unit>
+<trans-unit id="sf3ff78cc329d3528">
+  <source>Previous</source>
+  <target>Anterior</target>
+</trans-unit>
+<trans-unit id="s0fbf6dc6a1966408">
+  <source>Next</source>
+  <target>Siguiente</target>
+</trans-unit>
+<trans-unit id="sf77128b082955d42">
+  <source>(Or login)</source>
+  <target>(O iniciar sesión)</target>
+</trans-unit>
+<trans-unit id="sa8dddacbaa66f8e0">
+  <source>Please login first</source>
+  <target>Por favor, inicie sesión primero</target>
+</trans-unit>
+<trans-unit id="s7584ded3d749c75e">
+  <source>Load more</source>
+  <target>Cargar más</target>
+</trans-unit>
+<trans-unit id="h6a83761bb66bbcc5">
+  <source><x id="0" equiv-text="${this.comments.total}"/> Comments</source>
+  <target><x id="0" equiv-text="${this.comments.total}"/> Comentarios</target>
+</trans-unit>
+<trans-unit id="s98a5f7789c49dd3f">
+  <source>Reviewing</source>
+  <target>En revisión</target>
+</trans-unit>
+<trans-unit id="sea7e567ed89dc0d7">
+  <source>Select emoticon</source>
+  <target>Seleccionar emoticono</target>
+</trans-unit>
+<trans-unit id="s4c0e15f9073382e6">
+  <source>Failed to obtain verification code</source>
+  <target>Error al obtener el código de verificación</target>
+</trans-unit>
+<trans-unit id="s053945ad43e9d1d6">
+  <source>Please enter the verification code</source>
+  <target>Por favor, ingrese el código de verificación</target>
+</trans-unit>
+<trans-unit id="s84b033b2f7360187">
+  <source>Please log in or complete the information first</source>
+  <target>Por favor, inicie sesión o complete la información primero</target>
+</trans-unit>
+<trans-unit id="sd5e242ab9574958a">
+  <source>Comment failed, please try again later</source>
+  <target>Error al comentar, por favor intente más tarde</target>
+</trans-unit>
+<trans-unit id="sb5a28aa35006ff08">
+  <source>Comment submitted successfully</source>
+  <target>Comentario enviado con éxito</target>
+</trans-unit>
+<trans-unit id="s3fb33d17bad61aa9">
+  <source>Comment submitted successfully, pending review</source>
+  <target>Comentario enviado con éxito, pendiente de revisión</target>
+</trans-unit>
+<trans-unit id="sa10fbe3fcd6ae148">
+  <source>Add reply</source>
+  <target>Agregar respuesta</target>
+</trans-unit>
+<trans-unit id="s1c6fefb092506753">
+  <source>Failed to load comment list, please try again later</source>
+  <target>Error al cargar la lista de comentarios, por favor intente más tarde</target>
+</trans-unit>
+<trans-unit id="s1e3e30a26025484c">
+  <source>Failed to load reply list, please try again later</source>
+  <target>Error al cargar la lista de respuestas, por favor intente más tarde</target>
+</trans-unit>
+<trans-unit id="s299b10f3a58a09fd">
+  <source>Click OK to jump to the logout page, Please make sure the content being edited has been saved.</source>
+  <target>Haga clic en OK para ir a la página de cierre de sesión, Por favor, asegúrese de que el contenido editado haya sido guardado.</target>
+</trans-unit>
+</body>
+</file>
+</xliff>
diff --git a/packages/comment-widget/xliff/zh-CN.xlf b/packages/comment-widget/xliff/zh-CN.xlf
new file mode 100644
index 0000000..fe1d050
--- /dev/null
+++ b/packages/comment-widget/xliff/zh-CN.xlf
@@ -0,0 +1,115 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<xliff version="1.2" xmlns="urn:oasis:names:tc:xliff:document:1.2">
+<file target-language="zh-CN" source-language="en" original="lit-localize-inputs" datatype="plaintext">
+<body>
+<trans-unit id="s67749057edb2586b">
+  <source>Logout</source>
+  <target>退出登录</target>
+</trans-unit>
+<trans-unit id="s9f2ed66340f019c6">
+  <source>Write a comment</source>
+  <target>编写评论</target>
+</trans-unit>
+<trans-unit id="s7437373e541a8037">
+  <source>Nicename</source>
+  <target>昵称</target>
+</trans-unit>
+<trans-unit id="sd1f44f1a8bc20e67">
+  <source>Email</source>
+  <target>电子邮件</target>
+</trans-unit>
+<trans-unit id="s82665b2ffabc9c0a">
+  <source>Website</source>
+  <target>网站</target>
+</trans-unit>
+<trans-unit id="sc8da3cc71de63832">
+  <source>Login</source>
+  <target>登录</target>
+</trans-unit>
+<trans-unit id="sb3d4f79d9d8b71e5">
+  <source>Submit</source>
+  <target>提交评论</target>
+</trans-unit>
+<trans-unit id="s09c7e0ff5f4e18cb">
+  <source>Cancel reply</source>
+  <target>取消回复</target>
+</trans-unit>
+<trans-unit id="s0b7ae9543c001867">
+  <source>Reply</source>
+  <target>回复</target>
+</trans-unit>
+<trans-unit id="sf3ff78cc329d3528">
+  <source>Previous</source>
+  <target>上一页</target>
+</trans-unit>
+<trans-unit id="s0fbf6dc6a1966408">
+  <source>Next</source>
+  <target>下一页</target>
+</trans-unit>
+<trans-unit id="sf77128b082955d42">
+  <source>(Or login)</source>
+  <target>（或登录账号）</target>
+</trans-unit>
+<trans-unit id="sa8dddacbaa66f8e0">
+  <source>Please login first</source>
+  <target>请先登录</target>
+</trans-unit>
+<trans-unit id="s7584ded3d749c75e">
+  <source>Load more</source>
+  <target>加载更多</target>
+</trans-unit>
+<trans-unit id="h6a83761bb66bbcc5">
+  <source><x id="0" equiv-text="${this.comments.total}"/> Comments</source>
+  <target><x id="0" equiv-text="${this.comments.total}"/> 条评论</target>
+</trans-unit>
+<trans-unit id="s98a5f7789c49dd3f">
+  <source>Reviewing</source>
+  <target>审核中</target>
+</trans-unit>
+<trans-unit id="sea7e567ed89dc0d7">
+  <source>Select emoticon</source>
+  <target>选择表情</target>
+</trans-unit>
+<trans-unit id="s4c0e15f9073382e6">
+  <source>Failed to obtain verification code</source>
+  <target>获取验证码失败</target>
+</trans-unit>
+<trans-unit id="s053945ad43e9d1d6">
+  <source>Please enter the verification code</source>
+  <target>请输入验证码</target>
+</trans-unit>
+<trans-unit id="s84b033b2f7360187">
+  <source>Please log in or complete the information first</source>
+  <target>请先登录或者完善信息</target>
+</trans-unit>
+<trans-unit id="sd5e242ab9574958a">
+  <source>Comment failed, please try again later</source>
+  <target>评论失败，请稍后重试</target>
+</trans-unit>
+<trans-unit id="sb5a28aa35006ff08">
+  <source>Comment submitted successfully</source>
+  <target>评论成功</target>
+</trans-unit>
+<trans-unit id="s3fb33d17bad61aa9">
+  <source>Comment submitted successfully, pending review</source>
+  <target>评论成功，请等待审核</target>
+</trans-unit>
+<trans-unit id="sa10fbe3fcd6ae148">
+  <source>Add reply</source>
+  <target>加入回复</target>
+</trans-unit>
+<trans-unit id="s1c6fefb092506753">
+  <source>Failed to load comment list, please try again later</source>
+  <target>加载评论列表失败，请稍后重试</target>
+</trans-unit>
+<trans-unit id="s1e3e30a26025484c">
+  <source>Failed to load reply list, please try again later</source>
+  <target>加载回复列表失败，请稍后重试</target>
+</trans-unit>
+<trans-unit id="s299b10f3a58a09fd">
+  <source>Click OK to jump to the logout page, Please make sure the content being edited has been saved.</source>
+  <target>点击确定将跳转至退出登录页面，请确保正在编辑的内容已保存。</target>
+</trans-unit>
+</body>
+</file>
+</xliff>
diff --git a/packages/comment-widget/xliff/zh-TW.xlf b/packages/comment-widget/xliff/zh-TW.xlf
new file mode 100644
index 0000000..428380b
--- /dev/null
+++ b/packages/comment-widget/xliff/zh-TW.xlf
@@ -0,0 +1,115 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<xliff version="1.2" xmlns="urn:oasis:names:tc:xliff:document:1.2">
+<file target-language="zh-TW" source-language="en" original="lit-localize-inputs" datatype="plaintext">
+<body>
+<trans-unit id="s67749057edb2586b">
+  <source>Logout</source>
+  <target>登出</target>
+</trans-unit>
+<trans-unit id="s9f2ed66340f019c6">
+  <source>Write a comment</source>
+  <target>撰寫評論</target>
+</trans-unit>
+<trans-unit id="s7437373e541a8037">
+  <source>Nicename</source>
+  <target>暱稱</target>
+</trans-unit>
+<trans-unit id="sd1f44f1a8bc20e67">
+  <source>Email</source>
+  <target>電子郵件</target>
+</trans-unit>
+<trans-unit id="s82665b2ffabc9c0a">
+  <source>Website</source>
+  <target>網站</target>
+</trans-unit>
+<trans-unit id="sc8da3cc71de63832">
+  <source>Login</source>
+  <target>登入</target>
+</trans-unit>
+<trans-unit id="sb3d4f79d9d8b71e5">
+  <source>Submit</source>
+  <target>提交評論</target>
+</trans-unit>
+<trans-unit id="s09c7e0ff5f4e18cb">
+  <source>Cancel reply</source>
+  <target>取消回覆</target>
+</trans-unit>
+<trans-unit id="s0b7ae9543c001867">
+  <source>Reply</source>
+  <target>回覆</target>
+</trans-unit>
+<trans-unit id="sf3ff78cc329d3528">
+  <source>Previous</source>
+  <target>上一頁</target>
+</trans-unit>
+<trans-unit id="s0fbf6dc6a1966408">
+  <source>Next</source>
+  <target>下一頁</target>
+</trans-unit>
+<trans-unit id="sf77128b082955d42">
+  <source>(Or login)</source>
+  <target>（或登入帳號）</target>
+</trans-unit>
+<trans-unit id="sa8dddacbaa66f8e0">
+  <source>Please login first</source>
+  <target>請先登入</target>
+</trans-unit>
+<trans-unit id="s7584ded3d749c75e">
+  <source>Load more</source>
+  <target>載入更多</target>
+</trans-unit>
+<trans-unit id="h6a83761bb66bbcc5">
+  <source><x id="0" equiv-text="${this.comments.total}"/> Comments</source>
+  <target><x id="0" equiv-text="${this.comments.total}"/> 則評論</target>
+</trans-unit>
+<trans-unit id="s98a5f7789c49dd3f">
+  <source>Reviewing</source>
+  <target>審核中</target>
+</trans-unit>
+<trans-unit id="sea7e567ed89dc0d7">
+  <source>Select emoticon</source>
+  <target>選擇表情</target>
+</trans-unit>
+<trans-unit id="s4c0e15f9073382e6">
+  <source>Failed to obtain verification code</source>
+  <target>獲取驗證碼失敗</target>
+</trans-unit>
+<trans-unit id="s053945ad43e9d1d6">
+  <source>Please enter the verification code</source>
+  <target>請輸入驗證碼</target>
+</trans-unit>
+<trans-unit id="s84b033b2f7360187">
+  <source>Please log in or complete the information first</source>
+  <target>請先登入或者完善資訊</target>
+</trans-unit>
+<trans-unit id="sd5e242ab9574958a">
+  <source>Comment failed, please try again later</source>
+  <target>評論失敗，請稍後重試</target>
+</trans-unit>
+<trans-unit id="sb5a28aa35006ff08">
+  <source>Comment submitted successfully</source>
+  <target>評論成功</target>
+</trans-unit>
+<trans-unit id="s3fb33d17bad61aa9">
+  <source>Comment submitted successfully, pending review</source>
+  <target>評論成功，請等待審核</target>
+</trans-unit>
+<trans-unit id="sa10fbe3fcd6ae148">
+  <source>Add reply</source>
+  <target>新增回覆</target>
+</trans-unit>
+<trans-unit id="s1c6fefb092506753">
+  <source>Failed to load comment list, please try again later</source>
+  <target>載入評論列表失敗，請稍後重試</target>
+</trans-unit>
+<trans-unit id="s1e3e30a26025484c">
+  <source>Failed to load reply list, please try again later</source>
+  <target>載入回覆列表失敗，請稍後重試</target>
+</trans-unit>
+<trans-unit id="s299b10f3a58a09fd">
+  <source>Click OK to jump to the logout page, Please make sure the content being edited has been saved.</source>
+  <target>点击确定将跳转至退出登录页面，请确保正在编辑的内容已保存。</target>
+</trans-unit>
+</body>
+</file>
+</xliff>
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 4c1a604..7be6c9f 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -53,6 +53,9 @@ importers:
       '@lit/context':
         specifier: ^1.1.0
         version: 1.1.0
+      '@lit/localize':
+        specifier: ^0.12.2
+        version: 0.12.2
       dayjs:
         specifier: ^1.11.10
         version: 1.11.10
@@ -69,6 +72,9 @@ importers:
         specifier: ^4.17.21
         version: 4.17.21
     devDependencies:
+      '@lit/localize-tools':
+        specifier: ^0.8.0
+        version: 0.8.0
       '@types/lodash-es':
         specifier: ^4.17.12
         version: 4.17.12
@@ -286,6 +292,13 @@ packages:
   '@lit/context@1.1.0':
     resolution: {integrity: sha512-fCyv4dsH05wCNm3AKbB+PdYbXGJd/XT8OOwo4hVmD4COq5wOWJlQreGAMDvmHZ7osqxuu06Y4nmP6ooXpN7ErA==}
 
+  '@lit/localize-tools@0.8.0':
+    resolution: {integrity: sha512-18HY8Ln8ZhSW2CYlXY9+CgDeEoxIY4dBvJ7W5fOe5262NvWEQghMgEC01WT9SQm4Non9C42aDGEYLEegw2ZBhw==}
+    hasBin: true
+
+  '@lit/localize@0.12.2':
+    resolution: {integrity: sha512-Qv9kvgJKDq/JVSwXOxuWvQnnOBysHA99ti9im9a4fImCmx+fto+XXcUYQbjZHqiueEEc4V20PcRDPO+1g/6seQ==}
+
   '@lit/reactive-element@2.0.4':
     resolution: {integrity: sha512-GFn91inaUa2oHLak8awSIigYz0cU0Payr1rcFsrkf5OJ5eSPxElyZfKh0f2p9FsTiZWXQdWGJeXZICEfXXYSXQ==}
 
@@ -301,6 +314,9 @@ packages:
     resolution: {integrity: sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==}
     engines: {node: '>= 8'}
 
+  '@parse5/tools@0.3.0':
+    resolution: {integrity: sha512-zxRyTHkqb7WQMV8kTNBKWb1BeOFUKXBXTBWuxg9H9hfvQB3IwP6Iw2U75Ia5eyRxPNltmY7E8YAlz6zWwUnjKg==}
+
   '@pkgr/core@0.1.1':
     resolution: {integrity: sha512-cq8o4cWH0ibXh9VGi5P20Tu9XF/0fFXl9EUinr9QfTM7a7p0oTA4iJRCQWppXR1Pg8dSM0UCItCkPwsk9qWWYA==}
     engines: {node: ^12.20.0 || ^14.18.0 || >=16.0.0}
@@ -464,6 +480,10 @@ packages:
   '@vscode/web-custom-data@0.4.9':
     resolution: {integrity: sha512-QeCJFISE/RiTG0NECX6DYmVRPVb0jdyaUrhY0JqNMv9ruUYtYqxxQfv3PSjogb+zNghmwgXLSYuQKk6G+Xnaig==}
 
+  '@xmldom/xmldom@0.8.10':
+    resolution: {integrity: sha512-2WALfTl4xo2SkGCYRt6rDTFfk9R1czmBvUQy12gK2KuRKIpWEhcbbzy8EZXtz/jkRqHX8bFEc6FC1HjX4TUWYw==}
+    engines: {node: '>=10.0.0'}
+
   acorn-jsx@5.3.2:
     resolution: {integrity: sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==}
     peerDependencies:
@@ -509,6 +529,9 @@ packages:
     resolution: {integrity: sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==}
     engines: {node: '>=8'}
 
+  buffer-from@1.1.2:
+    resolution: {integrity: sha512-E+XQCRwSbaaiChtv6k6Dwgc+bx+Bs6vuKJHHl5kox/BaKbhiXzqQOwK4cO22yElGp2OCmjwVhT3HmxgyPGnJfQ==}
+
   callsites@3.1.0:
     resolution: {integrity: sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==}
     engines: {node: '>=6'}
@@ -581,6 +604,10 @@ packages:
   emoji-regex@8.0.0:
     resolution: {integrity: sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==}
 
+  entities@4.5.0:
+    resolution: {integrity: sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==}
+    engines: {node: '>=0.12'}
+
   esbuild@0.19.12:
     resolution: {integrity: sha512-aARqgq8roFBj054KvQr5f1sFu0D65G+miZRCuJyJ0G13Zwx7vRar5Zhn2tkQNzIXcBrNVsv/8stehpj+GAjgbg==}
     engines: {node: '>=12'}
@@ -629,6 +656,7 @@ packages:
   eslint@8.57.0:
     resolution: {integrity: sha512-dZ6+mexnaTIbSBZWgou51U6OmzIhYM2VcNdtiTtI7qPNZm35Akpr0f6vtw3w1Kmn5PYo+tZVfh13WrhpS6oLqQ==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    deprecated: This version is no longer supported. Please see https://eslint.org/version-support for other options.
     hasBin: true
 
   espree@9.6.1:
@@ -801,6 +829,9 @@ packages:
   jsonfile@6.1.0:
     resolution: {integrity: sha512-5dgndWOriYSm5cnYaJNhalLNDKOqFwyDB/rr1E9ZsGciGvKPs8R2xYGCacuf3z6K1YKDz182fd+fY3cn3pMqXQ==}
 
+  jsonschema@1.4.1:
+    resolution: {integrity: sha512-S6cATIPVv1z0IlxdN+zUk5EPjkGCdnhN4wVSBlvoUO1tOLJootbo9CquNJmbIh4yikWHiUedhRYrNPn1arpEmQ==}
+
   leven@3.1.0:
     resolution: {integrity: sha512-qsda+H8jTaUaN/x5vzW2rzc+8Rw4TAQ/4KjB46IwK5VH+IlVeeeje/EoZRpiXvIqjFgK84QffqPztGI3VBLG1A==}
     engines: {node: '>=6'}
@@ -816,12 +847,21 @@ packages:
   lit-element@4.0.4:
     resolution: {integrity: sha512-98CvgulX6eCPs6TyAIQoJZBCQPo80rgXR+dVBs61cstJXqtI+USQZAbA4gFHh6L/mxBx9MrgPLHLsUgDUHAcCQ==}
 
+  lit-element@4.1.1:
+    resolution: {integrity: sha512-HO9Tkkh34QkTeUmEdNYhMT8hzLid7YlMlATSi1q4q17HE5d9mrrEHJ/o8O2D0cMi182zK1F3v7x0PWFjrhXFew==}
+
   lit-html@3.1.2:
     resolution: {integrity: sha512-3OBZSUrPnAHoKJ9AMjRL/m01YJxQMf+TMHanNtTHG68ubjnZxK0RFl102DPzsw4mWnHibfZIBJm3LWCZ/LmMvg==}
 
+  lit-html@3.2.1:
+    resolution: {integrity: sha512-qI/3lziaPMSKsrwlxH/xMgikhQ0EGOX2ICU73Bi/YHFvz2j/yMCIrw4+puF2IpQ4+upd3EWbvnHM9+PnJn48YA==}
+
   lit@3.1.2:
     resolution: {integrity: sha512-VZx5iAyMtX7CV4K8iTLdCkMaYZ7ipjJZ0JcSdJ0zIdGxxyurjIn7yuuSxNBD7QmjvcNJwr0JS4cAdAtsy7gZ6w==}
 
+  lit@3.2.1:
+    resolution: {integrity: sha512-1BBa1E/z0O9ye5fZprPtdqnc0BFzxIxTTOO/tQFmyC/hj1O3jL4TfmLBw0WEwjAokdLwpclkvGgDJwTIh0/22w==}
+
   locate-path@6.0.0:
     resolution: {integrity: sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==}
     engines: {node: '>=10'}
@@ -854,6 +894,9 @@ packages:
     resolution: {integrity: sha512-RHiac9mvaRw0x3AYRgDC1CxAP7HTcNrrECeA8YYJeWnpo+2Q5CegtZjaotWTWxDG3UeGA1coE05iH1mPjT/2mg==}
     engines: {node: '>=16 || 14 >=14.17'}
 
+  minimist@1.2.8:
+    resolution: {integrity: sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==}
+
   ms@2.1.2:
     resolution: {integrity: sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==}
 
@@ -887,6 +930,9 @@ packages:
   parse5@5.1.0:
     resolution: {integrity: sha512-fxNG2sQjHvlVAYmzBZS9YlDp6PTSSDwa98vkD4QgVDDCAo84z5X1t5XyJQ62ImdLXx5NdIIfihey6xpum9/gRQ==}
 
+  parse5@7.2.1:
+    resolution: {integrity: sha512-BuBYQYlv1ckiPdQi/ohiivi9Sagc9JG+Ozs0r7b/0iK3sKmrb0b9FdWdBbOdx6hBCM/F9Ir82ofnBhtZOjCRPQ==}
+
   path-exists@4.0.0:
     resolution: {integrity: sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==}
     engines: {node: '>=8'}
@@ -995,6 +1041,13 @@ packages:
     resolution: {integrity: sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==}
     engines: {node: '>=0.10.0'}
 
+  source-map-support@0.5.21:
+    resolution: {integrity: sha512-uBHU3L3czsIyYXKX88fdrGovxdSCoTGDRZ6SYXtSRxLZUzHg5P/66Ht6uoUlHu9EZod+inXhKo3qQgwXUT/y1w==}
+
+  source-map@0.6.1:
+    resolution: {integrity: sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==}
+    engines: {node: '>=0.10.0'}
+
   string-width@4.2.3:
     resolution: {integrity: sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==}
     engines: {node: '>=8'}
@@ -1056,6 +1109,11 @@ packages:
     engines: {node: '>=14.17'}
     hasBin: true
 
+  typescript@5.5.4:
+    resolution: {integrity: sha512-Mtq29sKDAEYP7aljRgtPOpTvOfbwRWlS6dPRzwjdE+C0R4brX/GUyhHSecbHMFLNBLcJIPt9nl9yG5TZ1weH+Q==}
+    engines: {node: '>=14.17'}
+    hasBin: true
+
   undici-types@5.26.5:
     resolution: {integrity: sha512-JlCMO+ehdEIKqlFxk6IfVoAUVmgz7cU7zD/h9XZ0qzeosSHmUJVOzSQvvYSYWXkFXC+IfLKSIffhv0sVZup6pA==}
 
@@ -1269,6 +1327,24 @@ snapshots:
     dependencies:
       '@lit/reactive-element': 2.0.4
 
+  '@lit/localize-tools@0.8.0':
+    dependencies:
+      '@lit/localize': 0.12.2
+      '@parse5/tools': 0.3.0
+      '@xmldom/xmldom': 0.8.10
+      fast-glob: 3.2.12
+      fs-extra: 10.1.0
+      jsonschema: 1.4.1
+      lit: 3.2.1
+      minimist: 1.2.8
+      parse5: 7.2.1
+      source-map-support: 0.5.21
+      typescript: 5.5.4
+
+  '@lit/localize@0.12.2':
+    dependencies:
+      lit: 3.2.1
+
   '@lit/reactive-element@2.0.4':
     dependencies:
       '@lit-labs/ssr-dom-shim': 1.2.0
@@ -1285,6 +1361,10 @@ snapshots:
       '@nodelib/fs.scandir': 2.1.5
       fastq: 1.15.0
 
+  '@parse5/tools@0.3.0':
+    dependencies:
+      parse5: 7.2.1
+
   '@pkgr/core@0.1.1': {}
 
   '@rollup/rollup-android-arm-eabi@4.12.0':
@@ -1442,6 +1522,8 @@ snapshots:
 
   '@vscode/web-custom-data@0.4.9': {}
 
+  '@xmldom/xmldom@0.8.10': {}
+
   acorn-jsx@5.3.2(acorn@8.11.3):
     dependencies:
       acorn: 8.11.3
@@ -1484,6 +1566,8 @@ snapshots:
     dependencies:
       fill-range: 7.0.1
 
+  buffer-from@1.1.2: {}
+
   callsites@3.1.0: {}
 
   chalk@2.4.2:
@@ -1551,6 +1635,8 @@ snapshots:
 
   emoji-regex@8.0.0: {}
 
+  entities@4.5.0: {}
+
   esbuild@0.19.12:
     optionalDependencies:
       '@esbuild/aix-ppc64': 0.19.12
@@ -1805,6 +1891,8 @@ snapshots:
     optionalDependencies:
       graceful-fs: 4.2.10
 
+  jsonschema@1.4.1: {}
+
   leven@3.1.0: {}
 
   levn@0.4.1:
@@ -1830,16 +1918,32 @@ snapshots:
       '@lit/reactive-element': 2.0.4
       lit-html: 3.1.2
 
+  lit-element@4.1.1:
+    dependencies:
+      '@lit-labs/ssr-dom-shim': 1.2.0
+      '@lit/reactive-element': 2.0.4
+      lit-html: 3.2.1
+
   lit-html@3.1.2:
     dependencies:
       '@types/trusted-types': 2.0.7
 
+  lit-html@3.2.1:
+    dependencies:
+      '@types/trusted-types': 2.0.7
+
   lit@3.1.2:
     dependencies:
       '@lit/reactive-element': 2.0.4
       lit-element: 4.0.4
       lit-html: 3.1.2
 
+  lit@3.2.1:
+    dependencies:
+      '@lit/reactive-element': 2.0.4
+      lit-element: 4.1.1
+      lit-html: 3.2.1
+
   locate-path@6.0.0:
     dependencies:
       p-locate: 5.0.0
@@ -1869,6 +1973,8 @@ snapshots:
     dependencies:
       brace-expansion: 2.0.1
 
+  minimist@1.2.8: {}
+
   ms@2.1.2: {}
 
   nanoid@3.3.7: {}
@@ -1902,6 +2008,10 @@ snapshots:
 
   parse5@5.1.0: {}
 
+  parse5@7.2.1:
+    dependencies:
+      entities: 4.5.0
+
   path-exists@4.0.0: {}
 
   path-is-absolute@1.0.1: {}
@@ -1991,6 +2101,13 @@ snapshots:
 
   source-map-js@1.0.2: {}
 
+  source-map-support@0.5.21:
+    dependencies:
+      buffer-from: 1.1.2
+      source-map: 0.6.1
+
+  source-map@0.6.1: {}
+
   string-width@4.2.3:
     dependencies:
       emoji-regex: 8.0.0
@@ -2040,6 +2157,8 @@ snapshots:
 
   typescript@5.3.3: {}
 
+  typescript@5.5.4: {}
+
   undici-types@5.26.5: {}
 
   universalify@2.0.0: {}