[Vue.js 3] i18n을 placehoder에 적용하기

Vue.js 2에서는

<input type="text" v-bind:placeholder="$t('placehoder-message')" >

또는

<input type="text" :placeholder="$t('placehoder-message')" >

라고 쓰면 적용이 되었다.

 

 

Vue.js 3에서는

$를 생략해야 한다.

즉,

<input type="text" v-bind:placeholder="t('placehoder-message')" >

또는

<input type="text" :placeholder="t('placehoder-message')" >

 

이것 때문에 한참 헤맸다.