deny-element

このプラグインは特定のHTMLタグの使用を禁止します。

⭐️ このルールは plugin:@rdlabo/rules/recommended プリセットに含まれます。

このルールは、インラインコンポーネントではなくControllerベースのmodalやaction sheetの利用を強制したいIonicアプリで特に有用です。

ルール詳細

❌ 誤り: テンプレートで禁止された要素を使う

<ion-modal></ion-modal>
<!-- error -->

✅ 正しい: .eslintrc.json で禁止する要素を指定するようルールを設定する

{
  "rules": {
    "@rdlabo/rules/deny-element": [
      "error",
      {
        "elements": ["ion-modal"]
      }
    ]
  }
}

const options: {
  elements: string[]; // Array of element names to disallow
};