Nuxtのssrでvee-validate

2022.12.29

1. うまくいかないンゴ

こんにちは。みゅ～まです。

このサイトの話なんですけど、Nuxtでお問い合わせフォーム作ってそこにバリデートを導入しようと思いました。調べてみるとみんなvee-validateを使用していたみたいなので私もそれでやってみようとしました。

しかし、どうもうまくいきません。

これちゃんと書いてくれてるサイトどこにもなかったんですけど、というか多分当たり前すぎて書いてないだけなのかもしれないですけど、vee-validateが動くのってclient側ですよね。でも自分が作ってたサイトってssrなんですよ。

ということは、nuxt.config.jsにおいて、

ssr:true

の時

{ src: "~plugins/veeValidate.js",ssr:false },

↑これマジで大事。プラグインごとにssrの有効無効を設定できるんですね。知りませんでした。

詳しいnuxt.config.jsの中身見たい人はgithubからどうぞ。

そもそも、自分はnuxtとかそこらへん全くの素人で全然わかってないのでこのサイトも勘で作ってます。このページに書いてあること間違ってるよとかあればご連絡いただければと思います。