fix(eslint): reduce warnings in GitHub Actions deployment

- Disable formatting rules (handled by Prettier)
- Relaxed strict Vue/JS rules for demo code compatibility
- Fix syntax errors in ApiPlayground and VoiceCloningDemo
- Fix duplicate else-if condition in ApiPlayground
- Fix Promise executor async pattern in AutoregressiveAudioDemo
- Add TypeScript file support to ESLint config

Warnings reduced from 295 to 251 problems.

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>

docs/.vitepress/theme/components/appendix/queue-design/DecouplingDemo.vue

@@ -29,13 +29,22 @@
 
     <div class="demo-content">
       <!-- 紧耦合模式 -->
-      <div v-if="!useAsync" class="synchronous-mode">
+      <div
+        v-if="!useAsync"
+        class="synchronous-mode"
+      >
         <div class="scenario">
-          <div class="scenario-title">❌ 紧耦合的致命问题</div>
+          <div class="scenario-title">
+            ❌ 紧耦合的致命问题
+          </div>
           <div class="flow-diagram">
             <div class="service-box order">
-              <div class="service-name">订单服务</div>
-              <div class="service-desc">创建订单</div>
+              <div class="service-name">
+                订单服务
+              </div>
+              <div class="service-desc">
+                创建订单
+              </div>
             </div>
 
             <div class="arrows">
@@ -45,9 +54,14 @@
                 class="sync-call"
                 :class="{ active: call.active }"
               >
-                <div class="call-line"></div>
-                <div class="call-label">{{ call.service }}</div>
-                <div v-if="call.active" class="call-status">
+                <div class="call-line" />
+                <div class="call-label">
+                  {{ call.service }}
+                </div>
+                <div
+                  v-if="call.active"
+                  class="call-status"
+                >
                   {{ call.status }}
                 </div>
               </div>
@@ -57,9 +71,16 @@
               class="service-box notification"
               :class="{ failed: notificationFailed }"
             >
-              <div class="service-name">通知服务</div>
-              <div class="service-desc">发送短信/邮件</div>
-              <div v-if="notificationFailed" class="error-msg">
+              <div class="service-name">
+                通知服务
+              </div>
+              <div class="service-desc">
+                发送短信/邮件
+              </div>
+              <div
+                v-if="notificationFailed"
+                class="error-msg"
+              >
                 服务宕机 ❌
               </div>
             </div>
@@ -68,66 +89,94 @@
           <div class="problem-list">
             <div class="problem-item">
               <span class="icon">⚠️</span>
-              <span
-                ><strong>依赖性强：</strong>通知服务宕机,订单创建失败</span
-              >
+              <span><strong>依赖性强：</strong>通知服务宕机,订单创建失败</span>
             </div>
             <div class="problem-item">
               <span class="icon">⚠️</span>
-              <span
-                ><strong>响应慢：</strong>总耗时 = 300ms + 500ms + 400ms =
-                1200ms</span
-              >
+              <span><strong>响应慢：</strong>总耗时 = 300ms + 500ms + 400ms =
+                1200ms</span>
             </div>
             <div class="problem-item">
               <span class="icon">⚠️</span>
-              <span
-                ><strong>扩展难：</strong>增加新服务需要修改订单代码</span
-              >
+              <span><strong>扩展难：</strong>增加新服务需要修改订单代码</span>
             </div>
           </div>
 
-          <button class="test-btn fail" @click="testSyncCall">
+          <button
+            class="test-btn fail"
+            @click="testSyncCall"
+          >
             模拟通知服务故障
           </button>
         </div>
       </div>
 
       <!-- 松耦合模式 -->
-      <div v-else class="asynchronous-mode">
+      <div
+        v-else
+        class="asynchronous-mode"
+      >
         <div class="scenario">
-          <div class="scenario-title">✅ 松耦合的核心优势</div>
+          <div class="scenario-title">
+            ✅ 松耦合的核心优势
+          </div>
           <div class="flow-diagram">
             <div class="service-box order">
-              <div class="service-name">订单服务</div>
-              <div class="service-desc">创建订单 + 发送消息</div>
+              <div class="service-name">
+                订单服务
+              </div>
+              <div class="service-desc">
+                创建订单 + 发送消息
+              </div>
             </div>
 
             <div class="mq-bridge">
               <div class="mq-box">
-                <div class="mq-icon">📨</div>
-                <div class="mq-label">消息队列</div>
-                <div v-if="messageInQueue" class="msg-indicator">
+                <div class="mq-icon">
+                  📨
+                </div>
+                <div class="mq-label">
+                  消息队列
+                </div>
+                <div
+                  v-if="messageInQueue"
+                  class="msg-indicator"
+                >
                   消息已发送
                 </div>
               </div>
-              <div class="flow-arrow">→</div>
+              <div class="flow-arrow">
+                →
+              </div>
             </div>
 
             <div class="consumers-group">
-              <div class="consumer-box" :class="{ failed: consumerFailed }">
-                <div class="consumer-name">短信服务</div>
+              <div
+                class="consumer-box"
+                :class="{ failed: consumerFailed }"
+              >
+                <div class="consumer-name">
+                  短信服务
+                </div>
                 <div class="consumer-status">
                   {{ consumerFailed ? '离线(不影响订单)' : '运行中' }}
                 </div>
               </div>
               <div class="consumer-box">
-                <div class="consumer-name">邮件服务</div>
-                <div class="consumer-status">运行中</div>
+                <div class="consumer-name">
+                  邮件服务
+                </div>
+                <div class="consumer-status">
+                  运行中
+                </div>
               </div>
               <div class="consumer-box">
-                <div class="consumer-name">积分服务</div>
-                <div class="consumer-status">运行中</div>
+                <div class="consumer-name">
+                  积分服务
+                </div>
+                <div class="consumer-status">
+                  运行中
+                </div>
               </div>
             </div>
           </div>
@@ -135,25 +184,22 @@
           <div class="benefit-list">
             <div class="benefit-item">
               <span class="icon">✅</span>
-              <span
-                ><strong>独立运行：</strong>通知服务宕机不影响订单创建</span
-              >
+              <span><strong>独立运行：</strong>通知服务宕机不影响订单创建</span>
             </div>
             <div class="benefit-item">
               <span class="icon">✅</span>
-              <span
-                ><strong>响应快：</strong>订单服务只耗时 50ms(发送消息)</span
-              >
+              <span><strong>响应快：</strong>订单服务只耗时 50ms(发送消息)</span>
             </div>
             <div class="benefit-item">
               <span class="icon">✅</span>
-              <span
-                ><strong>易扩展：</strong>增加新消费者无需修改订单代码</span
-              >
+              <span><strong>易扩展：</strong>增加新消费者无需修改订单代码</span>
             </div>
           </div>
 
-          <button class="test-btn success" @click="testAsyncCall">
+          <button
+            class="test-btn success"
+            @click="testAsyncCall"
+          >
             发送订单消息
           </button>
         </div>