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
@@ -14,22 +14,42 @@
<div class="controls">
<div class="control-row">
<label>width</label>
<input type="range" min="60" max="150" v-model.number="contentW" />
<input
v-model.number="contentW"
type="range"
min="60"
max="150"
>
<span class="val">{{ contentW }}px</span>
</div>
<div class="control-row">
<label>padding</label>
<input type="range" min="0" max="30" v-model.number="padding" />
<input
v-model.number="padding"
type="range"
min="0"
max="30"
>
<span class="val">{{ padding }}px</span>
</div>
<div class="control-row">
<label>border</label>
<input type="range" min="0" max="15" v-model.number="border" />
<input
v-model.number="border"
type="range"
min="0"
max="15"
>
<span class="val">{{ border }}px</span>
</div>
<div class="control-row">
<label>margin</label>
<input type="range" min="0" max="20" v-model.number="margin" />
<input
v-model.number="margin"
type="range"
min="0"
max="20"
>
<span class="val">{{ margin }}px</span>
</div>
</div>
@@ -51,13 +71,34 @@
</div>
<div class="visual">
<div class="layer margin" :style="{ padding: margin + 'px' }">
<span class="layer-label" v-if="margin >= 8">margin</span>
<div class="layer border" :style="{ borderWidth: border + 'px' }">
<span class="layer-label" v-if="border >= 5">border</span>
<div class="layer padding" :style="{ padding: padding + 'px' }">
<span class="layer-label" v-if="padding >= 8">padding</span>
<div class="content" :style="{ width: contentW + 'px' }">
<div
class="layer margin"
:style="{ padding: margin + 'px' }"
>
<span
v-if="margin >= 8"
class="layer-label"
>margin</span>
<div
class="layer border"
:style="{ borderWidth: border + 'px' }"
>
<span
v-if="border >= 5"
class="layer-label"
>border</span>
<div
class="layer padding"
:style="{ padding: padding + 'px' }"
>
<span
v-if="padding >= 8"
class="layer-label"
>padding</span>
<div
class="content"
:style="{ width: contentW + 'px' }"
>
content<br>{{ contentW }}px
</div>
</div>
@@ -80,7 +121,10 @@
{{ contentW }}px已包含 padding border + {{ margin }}×2 = {{ total }}px
</template>
</div>
<div class="result-hint" :class="{ warning: total * 3 > 900 }">
<div
class="result-hint"
:class="{ warning: total * 3 > 900 }"
>
<template v-if="total * 3 > 900">
三个卡片需要 {{ total * 3 }}px超出容器 900px第三个会掉下去
</template>
@@ -91,15 +135,31 @@
</div>
<div class="code-block">
<div class="code-title">CSS</div>
<div class="code-title">
CSS
</div>
<div class="code-content">
<div class="line">.box {</div>
<div class="line hl"> box-sizing: {{ boxSizing }};</div>
<div class="line"> width: {{ contentW }}px;</div>
<div class="line"> padding: {{ padding }}px;</div>
<div class="line"> border: {{ border }}px solid #ccc;</div>
<div class="line"> margin: {{ margin }}px;</div>
<div class="line">}</div>
<div class="line">
.box {
</div>
<div class="line hl">
box-sizing: {{ boxSizing }};
</div>
<div class="line">
width: {{ contentW }}px;
</div>
<div class="line">
padding: {{ padding }}px;
</div>
<div class="line">
border: {{ border }}px solid #ccc;
</div>
<div class="line">
margin: {{ margin }}px;
</div>
<div class="line">
}
</div>
</div>
</div>
</div>