vue-select(v-select)の描画が更新されなかった件

環境

• Nuxt 3.0.0
• vue-select 4.0.0-beta.5

内容

やりたかったこと

複数選択可能でtaggableにしているvue-select に対して、v-modelの分解バージョン(値の流し込み(props)と更新イベントの発火(input))を設定したかった。

やったこと

<v-select
    :value="ゔぉげゔぉげ"
    @input="ほげほげ"
    taggable
    multiple
    :options="state.lists"
    label="name"
    ..
    ..
    >

起きたこと

v-selectの描画が更新されなくて、選択値が画面にでてこない

原因

結局、これでした。
vue3では:valueとかは廃止になって、:model-valueっていう書き方になったんですね。

確かにそうだったなと思うのですが、vue2の書き方で慣れていたし、パッとみた感じvue-selectのドキュメントもまだ更新されていないようだしで、ハマりました。

備考

自分ももうアラフォーエンジニアとなってるし、新しい書き方を覚えてられなくなってきたのかな。。
若いエンジニアたちはこんなにハマらないかも。