← Back to rules

vue/max-props 制限

何を実行するか

Vue コンポーネント内のプロップの最大数を強制します。

なぜ問題なのか

このルールは、Vue SFC 内でのプロップの最大数を強制することで、保守性を高め、複雑さを低減することを目的としています。

例

デフォルトの { "maxProps": 1 } オプションを使用した場合の 誤り なコード例:

<script setup>
defineProps({
  prop1: String,
  prop2: String,
})
</script>

デフォルトの { "maxProps": 1 } オプションを使用した場合の 正しい コード例:

<script setup>
defineProps({
  prop1: String,
})
</script>

設定

このルールは以下のプロパティを持つ設定オブジェクトを受け入れます：

maxProps

type: integer

default: 1

Vue 単一ファイルコンポーネント (SFC) で許可されるプロップの最大数。

使用方法

設定ファイルまたは CLI でこのルールを 有効化 するには、以下のように使用できます：

Config (.oxlintrc.json)

{
  "plugins": ["vue"],
  "rules": {
    "vue/max-props": "error"
  }
}

CLI

oxlint --deny vue/max-props --vue-plugin

参照

• ルールのソース