Skip to content

Latest commit

 

History

History
52 lines (38 loc) · 1.39 KB

no-unused-keyframes.md

File metadata and controls

52 lines (38 loc) · 1.39 KB
pageClass sidebarDepth title description
rule-details
0
vue-scoped-css/no-unused-keyframes
disallow `@keyframes` which don't use in Scoped CSS

vue-scoped-css/no-unused-keyframes

disallow @keyframes which don't use in Scoped CSS

  • ⚙️ This rule is included in all of "plugin:vue-scoped-css/all", "plugin:vue-scoped-css/recommended" and "plugin:vue-scoped-css/vue3-recommended".

📖 Rule Details

This rule reports @keyframes is not used in Scoped CSS.

<style scoped>
.item {
    animation-name: slidein;
}

/* ✗ BAD */
@keyframes unused-animation {
}

/* ✓ GOOD */
@keyframes slidein {
}
</style>

🔧 Options

{
  "vue-scoped-css/no-unused-keyframes": ["error", {
    "checkUnscoped": false
  }]
}
  • checkUnscoped ... The rule only checks <style scoped> by default, but if set to true it will also check <style> without the scoped attribute. If you set it to true, be very careful that the warned CSS may actually be used outside the .vue file.

Implementation