← 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

기본값: 1

Vue 단일 파일 컴포넌트 (SFC)에서 허용되는 최대 속성 수입니다.

사용 방법

구성 파일 또는 명령줄 인터페이스에서 이 규칙을 활성화하려면 다음과 같이 사용할 수 있습니다:

구성 파일 (.oxlintrc.json)

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

CLI

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

참고자료

• 규칙 소스