vue js 포매팅 관련 질문 드립니다.

Question

안녕하세요. 현재 vuejs3 을 쓰고 있고, 포매팅을 prettier를 쓰지 않고 eslint 만을 사용해서 하고 있습니다(이걸 바꿀 생각은 팀 룰이라 불가능한 상황입니다).문제가 되는 상황은 이런 code 가 있는데 여기서 @style="props.list.length === 0 && {marginBottom: "14px"}" 이 부분의 코드 포매팅이 @style="props.list.length === 0 && { marginBottom: '14px' }" 이렇게 eslitn --fix를 헀을 때 바뀌도록 eslint rule을 설정하고 싶습니다.{ } 아마 이게 object 내에서 curly brace(?) 와 그 안에 속성들간의 간격과 관련된게 하나 있을 것 같고"14px" -> '14px' 로 즉, double quote를 single quote로 바꾸는 작업이 필요할 것 같습니다.이걸 자동으로 하게하는 eslint rule을 아시는분이 계시면 말해주시면 감사합니다 :) 리액트면 잘 알아먹을 것 같은데 vue는 attribute에 일단 double quote로 attribute 값을 지정해서 그런지 포매팅이 잘 안먹는 것 같습니다.현재 js는 object curly brace 간격 설정 세팅이 잘된 상태라 순수 js 파일에서는 제가 원하는 포매팅이 자동으로 됩니다만 vue 파일에서는 되지 않습니다.

프로폴리스 · Answer

프리티어..음..차라리 함수나 computed 로 바꾸심은 어떨까요?엘리먼트에 조건절이 붙으면 가급적 함수로 바꾸는게 가독성이 더 좋아보이더라구요..

vue js 포매팅 관련 질문 드립니다.

1개의 답변

Q&A 목록