vee-validateをpluginとして設定

Author: kaizumaki

nuxt.config.js

@@ -57,6 +57,10 @@ export default {
       src: '@/plugins/threshold',
       ssr: false,
     },
+    {
+      src: '@/plugins/vee-validate',
+      ssr: false,
+    },
   ],
 
   loading: { color: '#FF8000' },

plugins/vee-validate.ts

@@ -0,0 +1,10 @@
+import Vue from 'vue'
+import { ValidationProvider, extend } from 'vee-validate'
+import { required } from 'vee-validate/dist/rules'
+
+Vue.component('ValidationProvider', ValidationProvider)
+
+extend('required', {
+  ...required,
+  message: 'This field is required',
+})