JS.VUE.PREFER.SEPARATE.STATIC.CLASS

Static class names in dynamic class attributes

Rule Details

This rule reports static class names in dynamic class attributes.

{'vue/prefer-separate-static-class': ['error']}

Copy

<template>
  <!-- BAD -->
  <div :class="'static-class'" />
  <div :class="{'static-class': true, 'dynamic-class': foo}" />
  <div :class="['static-class', dynamicClass]" />

  <!-- GOOD -->
  <div class="static-class" />
  <div class="static-class" :class="{'dynamic-class': foo}" />
  <div class="static-class" :class="[dynamicClass]" />
</template>

Options

Nothing.