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>
This commit is contained in:
sanbuphy
2026-02-18 17:38:10 +08:00
parent 8b01686e68
commit 0eba9e87e9
456 changed files with 28450 additions and 9677 deletions
@@ -5,65 +5,110 @@
<template>
<div class="microservice-latency-demo">
<div class="header">
<div class="title">微服务延迟网络调用的代价</div>
<div class="title">
微服务延迟网络调用的代价
</div>
<div class="subtitle">
每次服务间调用都增加网络延迟累积后响应时间变长
</div>
</div>
<div class="controls">
<label
>服务间调用次数<strong>{{ callCount }}</strong></label
<label>服务间调用次数<strong>{{ callCount }}</strong></label>
<input
v-model="callCount"
type="range"
min="1"
max="10"
step="1"
>
<input v-model="callCount" type="range" min="1" max="10" step="1" />
<label
>网络延迟<strong>{{ networkLatency }} ms</strong></label
<label>网络延迟<strong>{{ networkLatency }} ms</strong></label>
<input
v-model="networkLatency"
type="range"
min="1"
max="50"
step="1"
>
<input v-model="networkLatency" type="range" min="1" max="50" step="1" />
</div>
<div class="comparison">
<div class="architecture monolith">
<div class="arch-title">单体架构</div>
<div class="arch-title">
单体架构
</div>
<div class="arch-box">
<div class="single-process">
<div class="module">User</div>
<div class="module">Order</div>
<div class="module">Payment</div>
<div class="module">
User
</div>
<div class="module">
Order
</div>
<div class="module">
Payment
</div>
</div>
</div>
<div class="latency">
<div class="latency-value">{{ monolithLatency }} ms</div>
<div class="latency-label">内存调用~0ms</div>
<div class="latency-value">
{{ monolithLatency }} ms
</div>
<div class="latency-label">
内存调用~0ms
</div>
</div>
</div>
<div class="architecture microservices">
<div class="arch-title">微服务架构</div>
<div class="arch-title">
微服务架构
</div>
<div class="arch-box">
<div class="services">
<div class="service">User Svc</div>
<div class="network-arrow" v-if="callCount > 1">
<div class="service">
User Svc
</div>
<div
v-if="callCount > 1"
class="network-arrow"
>
{{ networkLatency }}ms
</div>
<div class="service">Order Svc</div>
<div class="network-arrow" v-if="callCount > 2">
<div class="service">
Order Svc
</div>
<div
v-if="callCount > 2"
class="network-arrow"
>
{{ networkLatency }}ms
</div>
<div class="service">Payment Svc</div>
<div class="service">
Payment Svc
</div>
</div>
</div>
<div class="latency">
<div class="latency-value high">{{ microLatency }} ms</div>
<div class="latency-label">网络调用累积</div>
<div class="latency-value high">
{{ microLatency }} ms
</div>
<div class="latency-label">
网络调用累积
</div>
</div>
</div>
</div>
<div class="insight">
<div class="insight-icon" v-html="insightIcon"></div>
<div class="insight-text">{{ insight }}</div>
<div
class="insight-icon"
v-html="insightIcon"
/>
<div class="insight-text">
{{ insight }}
</div>
</div>
</div>
</template>