v-for で strを回して テキストエフェクトをやりたい場合のnuxtでの対応について

Question

v-for で strを渡すと cssアニメーションで使いやすい一文字づつマークアップされた文字列を簡単に作ることができますが、

//例
<span v-for="item in 'COMPANY'">
<i>{{item}}</i>
</span>

//=>
<i>C</i><i>O</i><i>M</i><i>P</i><i>A</i><i>N</i><i>Y</i>

nuxt.js環境では :key が必須となるので、この時に

<span v-for="(item , index) in 'COMPANY'" :key="index">
<i>{{item}}</i>
</span>

//=>
<i>C</i><i>O</i><i>M</i><i>P</i><i>A</i><i>N</i><i>Y</i>

とすると、エラーはなくなりますが、この使い方の問題点があれば知りたいです。

よろしくおねがいします。