eslint-plugin-scd

Specific Component Design ( SCD )を導入するためのESLint Pluginです。現在は、Functional Componentにのみ適用できます。

インストール

$> npm install eslint-plugin-scd

or

$> yarn add eslint-plugin-scd

eslint に適用する

// .eslintrc.js

module.exports = {
  extends: ["plugin:scd/recommended"],
  plugins: ["scd"],
  rules: {
    // 各ルール設定
  },
};

各ルールの機能やオプションについては、以下をご参照ください。

ルール名	ルールの解説
nue-element-size	Nue コンポーネントのサイズを判定します
nue-not-use-hooks	Nue コンポーネントで Hooks が使われているか判定します
otem-element-size	Otem コンポーネントのサイズを判定します
otem-not-use-hooks	Otem コンポーネントで Hooks が使われているか判定します
pafe-conditions	Pafe コンポーネントの要素数が 10 個以上または、 Hooks が使われているか判定します
page-must-have-main-tag	Page コンポーネントが main タグを持っているか判定します。

このリポジトリにバグや機能の追加、質問などがありますか？それなら、ぜひこのファイルを参考にして、貢献してください！