← Back to rules

vue/no-required-prop-with-default 의심스러움

An auto-fix is available for this rule.

어떤 기능을 하나요

기본값이 있는 프로퍼티는 반드시 선택적(옵션)이어야 한다는 규칙을 적용합니다.

왜 문제가 되나요?

프로퍼티에 기본값이 지정되어 있다면, 그것이 필수 여부와 관계없이 실제 사용 시에는 항상 생략할 수 있습니다. 이러한 상황에서는 기본값이 적용됩니다. 따라서 기본값이 있는 필수 프로퍼티는 선택적 프로퍼티와 실질적으로 동일합니다.

예시

이 규칙에 부적절한 코드 예시:

<script setup lang="ts">
const props = withDefaults(
  defineProps<{
    name: string | number;
    age?: number;
  }>(),
  {
    name: "Foo",
  },
);
</script>

이 규칙에 적절한 코드 예시:

<script setup lang="ts">
const props = withDefaults(
  defineProps<{
    name?: string | number;
    age?: number;
  }>(),
  {
    name: "Foo",
  },
);
</script>

사용 방법

이 규칙을 설정 파일 또는 명령줄 인터페이스를 통해 활성화하려면 다음을 사용할 수 있습니다:

설정 파일 (.oxlintrc.json)

{
  "plugins": ["vue"],
  "rules": {
    "vue/no-required-prop-with-default": "error"
  }
}

명령줄

oxlint --deny vue/no-required-prop-with-default --vue-plugin

참고자료

• 규칙 소스