@aboutbits/zod-locales-formatjs
TypeScript icon, indicating that this package has built-in type declarations

0.1.0 • Public • Published

Custom Zod Locales for FormatJS

npm version

This package provides simplified translations for Zod error messages. It contains translations for German and Italian.

Table of content

Usage

First you need to install the package:

npm install @aboutbits/zod-locales-formatjs

Second, add the custom language packages to your IntlProvider:

import { de } from '@aboutbits/zod-locales-formatjs'
import { IntlProvider } from 'react-intl'

<IntlProvider messages={{...yourMessages, ...de }} {...}>{children}</IntlProvider>

Finally, configure Zod to use the new translations. The following helpers can be used with React. They require the react-intl package to be installed.

import { useZodInternationalizationWithReactIntl } from '@aboutbits/zod-locales-formatjs/react-intl'

useZodInternationalizationWithReactIntl()

or

import { ZodInternationalizationWithReactIntl } from '@aboutbits/zod-locales-formatjs/react-intl'

<ZodInternationalizationWithReactIntl />

If you don't use React, you can set the ZodErrorMap manually with:

import { setZodErrorMap } from '@aboutbits/zod-locales-formatjs'

setZodErrorMap(intl)

Build & Publish

To build and publish the package, simply commit all changes and push them to master. Then run one of the following commands locally:

npm version patch
npm version minor
npm version major

Information

About Bits is a company based in South Tyrol, Italy. You can find more information about us on our website.

Support

For support, please contact info@aboutbits.it.

Credits

License

The MIT License (MIT). Please see the license file for more information.

Package Sidebar

Install

npm i @aboutbits/zod-locales-formatjs

Weekly Downloads

141

Version

0.1.0

License

MIT

Unpacked Size

41.5 kB

Total Files

36

Last publish

Collaborators

  • aboutbits_tech