[Vue] vue-i18n 줄 바꿈 적용하기 / detected html 콘솔 워닝

원인 :

v-html을 사용해서(...) detected html 콘솔 워닝이 났습니다.

관련 상세 내용은 docs내용을 보면 좋습니다.

 

해결방법 : 

다국어(i18n) 적용만을 위해 v-html을 사용하는 거라서 CSS를 사용해서 수정해주었습니다.

//기존
<p v-html="$t('404')" /> 

//변경 방법
<p v-text="$t('404')" style="white-space: pre-line" />

//ko.json
"404" : "찾을 수 없는 페이지 입니다. \n요청하신 페이지가 사라졌거나, 잘못된 주소로 이동하셨습니다. "

 

참고 : https://ko.vuejs.org/api/built-in-directives.html#v-html