Skip to content

vue-doctor/performance/no-scale-from-zero ​

Use initial={{ scale: 0.95, opacity: 0 }} — elements should deflate like a balloon, not vanish into a point

PropertyValue
CategoryPerformance
Default Severitywarning
Confidencemedium
FixableNo
Engineoxlint
Sincev1.0.0
Frameworksvue, nuxt
Test filesNot checked (which files)

Why it matters ​

Use initial={{ scale: 0.95, opacity: 0 }} — elements should deflate like a balloon, not vanish into a point

How to fix ​

Review the finding and update the code according to best practices below.

Agent Guidance ​

Start scale animations from a value close to 1 such as 0.95 combined with opacity, instead of 0, so the element does not collapse to a point.


Rule source: vue-doctor/performance/no-scale-from-zero

Released under the MIT License.