メッセージの日本語化

yup

エラーメッセージを日本語にしたい

main.ts

import { createApp } from "vue";
import App from "./App.vue";
import router from "./router";
import ElementPlus from "element-plus";
import "element-plus/lib/theme-chalk/index.css";
import { setLocale } from "yup";

setLocale({
  mixed: {
    default: "入力エラーです",
    required: ({ path }) => `${path}は必須です`,
    oneOf: ({ values }) => `次のいずれかでなければなりません: ${values}`,
    notOneOf: ({ values }) => `次のいずれかであってはなりません: ${values}`,
    notType: "形式が違います",
  },
  string: {
    length: ({ length }) => `${length}文字入力してください`,
    min: ({ min }) => `${min}文字以上入力してください`,
    max: ({ max }) => `${max}文字以内で入力してください`,
    matches: "形式が違います",
    email: "形式が違います",
    url: "形式が違います",
    trim: "前後にスペースを入れてはいけません",
    lowercase: "小文字でなければなりません",
    uppercase: "大文字でなければなりません",
  },
  number: {
    min: ({ min }) => `${min}以上の値を入力してください`,
    max: ({ max }) => `${max}以下の値を入力してください`,
    lessThan: ({ lessThan }) => `${lessThan}より小さい値を入力してください`,
    moreThan: ({ moreThan }) => `${moreThan}より大きい値を入力してください`,
    notEqual: ({ notEqual }) => `${notEqual}と違う値を入力してください`,
    positive: "正の数を入力してください",
    negative: "負の数を入力してください",
    integer: "整数を入力してください",
  },
  date: {
    default: "形式が違います",
    min: ({ min }) => `${min}以上の日付を入力してください`,
    max: ({ max }) => `${max}以下の日付を入力してください`,
  },
  object: {
    noUnknown: "有効なキーを持ったデータを入力してください",
  },
  array: {
    min: ({ min }) => `${min}個以上の値を入力してください`,
    max: ({ max }) => `${max}個以下の値を入力してください`,
  },
});

createApp(App).use(router).use(ElementPlus).mount("#app");