https://github.com/jengzy-devboi/jengzeus-form-piw-piw
https://github.com/jengzy-devboi/jengzeus-form-piw-piw
Last synced: 4 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/jengzy-devboi/jengzeus-form-piw-piw
- Owner: JENGZY-devBoi
- License: mit
- Created: 2025-05-22T15:28:18.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2025-09-13T06:38:03.000Z (9 months ago)
- Last Synced: 2025-10-24T15:48:56.279Z (8 months ago)
- Language: Vue
- Size: 159 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Form piwx2 ⚡️ - Validate your nuxt with zod schema 🪿
[![npm version][npm-version-src]][npm-version-href]
[![npm downloads][npm-downloads-src]][npm-downloads-href]
[![License][license-src]][license-href]
Join with my pound with the 1st Library released [Documentation][documents-href] 🐣
## Install for nuxt3
```bash
npm i @jeng3zeus/form-piw-piw
```
```ts
// nuxt.config.ts
{
modules: ['@jeng3zeus/form-piw-piw']
}
```
## Features
- Form to validate child element
- Validate data with [Zod][zod-href]
- Use Vue reactive for form data
- Validate with custom input using Vue provide
- Having a feature trigger with on blur validate (No focus)
- 🆕 Cool scroll
## Example
script
```ts
import { z } from '#jengzeus/zod';
const schema = z.object({
username: z.string().min(1, { message: 'กรุณากรอกชื่อของคุณ' })
});
const formData = reactive({
username: ''
});
```
template
```vue
{{ errors.username }}
```
[npm-version-src]: https://img.shields.io/npm/v/@jeng3zeus/form-piw-piw/latest.svg?style=flat&colorA=020420&colorB=00DC82
[npm-version-href]: https://www.npmjs.com/package/@jeng3zeus/form-piw-piw
[npm-downloads-src]: https://img.shields.io/npm/dm/@jeng3zeus/form-piw-piw.svg?style=flat&colorA=020420&colorB=00DC82
[npm-downloads-href]: https://www.npmjs.com/package/@jeng3zeus/form-piw-piw
[license-src]: https://img.shields.io/github/license/JENGZY-devBoi/jengzeus-form-piw-piw.svg?style=flat&colorA=020420&colorB=00DC82
[license-href]: https://github.com/JENGZY-devBoi/jengzeus-form-piw-piw/blob/main/LICENSE
[documents-href]: https://jengzeus-form-piw-piw-documentation.vercel.app/
[zod-href]: https://zod.dev/