webstorm 에디터 검사 > html 경고

문제

webstorm 으로 vue 프로젝트 개발 중 boolean 타입의 속성 지정 시 속성에 값을 입력하라는 warning 이 자꾸 표시됐다.

• warning 표시되는 화면
  

boolean 타입의 속성은 vue 불리언 캐스팅 규칙에 의해 속성에 값을 지정하지 않으면 true 로 갈음된다. [공식문서] Vue > 불리언 캐스팅

<!-- :disabled="true" 같음 -->
<MyComponent disabled />
<!-- :disabled="false" 같음 -->
<MyComponent />

해결

webstorm 설정 값 변경

• webstorm 설정 > 에디터 > 검사 > HTML > 잘못된 부울 속성을 체크 해제 해주면 된다.
  • html 의 boolean 타입 속성들(ex. disable)을 제외하고 그 외 다른 이름의 속성이 값 없이 지정되었을 때 뜨는 경고