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/backend-evolution/ScalingStrategyDemo.vue

@@ -6,25 +6,58 @@
     </div>
 
     <div class="strategies">
-      <div class="strategy-card" :class="{ active: activeStrategy === 'vertical' }" @click="activeStrategy = 'vertical'">
-        <div class="strategy-icon">📦</div>
-        <div class="strategy-name">垂直扩展</div>
-        <div class="strategy-desc">买更强的机器</div>
+      <div
+        class="strategy-card"
+        :class="{ active: activeStrategy === 'vertical' }"
+        @click="activeStrategy = 'vertical'"
+      >
+        <div class="strategy-icon">
+          📦
+        </div>
+        <div class="strategy-name">
+          垂直扩展
+        </div>
+        <div class="strategy-desc">
+          买更强的机器
+        </div>
         <div class="visual-vertical">
-          <div class="server" :class="{ scale: activeStrategy === 'vertical' }">
-            <div class="cpu">CPU</div>
-            <div class="memory">内存</div>
+          <div
+            class="server"
+            :class="{ scale: activeStrategy === 'vertical' }"
+          >
+            <div class="cpu">
+              CPU
+            </div>
+            <div class="memory">
+              内存
+            </div>
           </div>
         </div>
       </div>
 
-      <div class="strategy-card" :class="{ active: activeStrategy === 'horizontal' }" @click="activeStrategy = 'horizontal'">
-        <div class="strategy-icon">🔄</div>
-        <div class="strategy-name">水平扩展</div>
-        <div class="strategy-desc">加更多机器</div>
+      <div
+        class="strategy-card"
+        :class="{ active: activeStrategy === 'horizontal' }"
+        @click="activeStrategy = 'horizontal'"
+      >
+        <div class="strategy-icon">
+          🔄
+        </div>
+        <div class="strategy-name">
+          水平扩展
+        </div>
+        <div class="strategy-desc">
+          加更多机器
+        </div>
         <div class="visual-horizontal">
           <div class="servers">
-            <div class="server-mini" v-for="n in 4" :key="n" :class="{ active: activeStrategy === 'horizontal' && n <= serverCount }" :style="{ animationDelay: (n * 0.1) + 's' }"></div>
+            <div
+              v-for="n in 4"
+              :key="n"
+              class="server-mini"
+              :class="{ active: activeStrategy === 'horizontal' && n <= serverCount }"
+              :style="{ animationDelay: (n * 0.1) + 's' }"
+            />
           </div>
         </div>
       </div>
@@ -36,7 +69,11 @@
         <span>垂直扩展</span>
         <span>水平扩展</span>
       </div>
-      <div class="table-row" v-for="item in comparisonData" :key="item.dim">
+      <div
+        v-for="item in comparisonData"
+        :key="item.dim"
+        class="table-row"
+      >
         <span>{{ item.dim }}</span>
         <span :class="{ better: item.verticalBetter }">{{ item.vertical }}</span>
         <span :class="{ better: item.horizontalBetter }">{{ item.horizontal }}</span>