How to ignore :class.attr

[dahaha-365]

Checklist

• I have tried restarting my IDE and the issue persists.
• I have read the FAQ and my problem is not listed.

Tell us about your environment

• ESLint version:
• eslint-plugin-vue version:
• Vue version:
• Node version:
• Operating System:

Please show your full configuration:

import antfu from '@antfu/eslint-config'

export default antfu({
  vue: true,
  unocss: true,
  typescript: true,
  formatters: true,
  ignores: [`.github`, `bin`, `md-cli`, `src/assets`],
}, {
  rules: {
    'semi': [`error`, `never`],
    'quotes': [`error`, `backtick`],
    'no-unused-vars': `off`,
    'no-console': `off`,
    'no-debugger': `off`,
  },
})

What did you do?

      <el-button :class.attr="'emojiTrigger'" size="large" link @click="toggleEmoji">
        😀Emoji键盘
        <el-icon class="ml-2">
          <ElIconArrowDown />
        </el-icon>
      </el-button>

What did you expect to happen?
Don't rewrite this code.
It will compile to:

      <el-button class="emojiTrigger" size="large" link @click="toggleEmoji">
        😀Emoji键盘
        <el-icon class="ml-2">
          <ElIconArrowDown />
        </el-icon>
      </el-button>

It is no inherit parent's class name.

What actually happened?
To:

      <el-button class="emojiTrigger" size="large" link @click="toggleEmoji">
        😀Emoji键盘
        <el-icon class="ml-2">
          <ElIconArrowDown />
        </el-icon>
      </el-button>

Because it match the vue/prefer-separate-static-class rule.

Repository to reproduce this issue