Nuxt.jsではbuildのtranspileにこの設定が必要になる。EnterUsingVeeValidate3を使う上で、大きく2つのコンポーネントが存在します。それはValidationProviderとValidationObserverです。ValidationProviderValidationProviderで入力項目を囲む(一つだけ)と、中にある入力項目に対してバリデーションをかけることができます。ValidationProviderの中には、1つ以上のv-modelを持つ入力フォーム(inputなど)が必要です。主な機能は下の感じです。},};</script>ValidationObserverValidationObserverを使うと、バリデーショングループを作ることができます。バリデーショングループを作ると、ValidationProviderの状態(今バリデーションに通っているか通っていないか、など)を見たりすることができます。ValidationObserverの中には、1つ以上のValidationProviderが必要です。主な機能は下の感じです。自作バリデーションを作るVeeValidateを使うと、簡単にバリデーションを作ることができます。「パスワードは何文字以上で〜」とかサービスによって変化すると思いますが、もしそうであってもサクッと自作できるので安心してください。ひらがなのみ入力するフォーム用のバリデーションを作ってみましょう。下のように、バリデーションルールを作ってVeeValidateのextendメソッドで登録してあげればいいです。ValidationObserver);これで、ValidationProviderのrulesに追加してあげれば、ひらがな以外が入力された際にバリデーションエラーが発火すると思います。</ValidationProvider></template>バリデーションメッセージを独自で編集バリデーションメッセージは、時に独自でつけたい時があるかと思います。そんなときも、VeeValidateならサクサク登録できます。さっき登録したひらがなバリデーションルール用にメッセージを追加してみます。下のように、バリデーションメッセージを任意の名前をつけて作って登録し、ValidationProviderのnameにその名前を登録すると、バリデーションメッセージが独自のものに切り替わると思います。</ValidationProvider></template>おわりに一通り読んでいただいて、簡単にバリデーションを追加できると思いませんか?アプリケーションを爆速で作る上で、バリデーションどうするか問題って結構あると思っていますし、全部自分で書くってなったら結構辛いと思います。upLoginユーザーは見つかりませんでした。