arthur/ui
1
0
Fork 0
mirror of https://github.com/ArthurDanjou/ui.git synced 2026-02-03 05:37:56 +01:00
Code Issues Packages Projects Releases Wiki Activity

docs(form): specify component ref type (#2296)

Browse Source
This commit is contained in:
Asoka Wotulo
2024-10-03 21:43:27 +07:00
committed by GitHub
parent 5ed5c57d0d
commit 33467ad171
1 changed files with 11 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
docs/content/2.components/form.md
View File

@@ -117,23 +117,28 @@ You can manually set errors after form submission if required. To do this, simpl
```vue ```vue
<script setup lang="ts"> <script setup lang="ts">
import type { FormError, FormSubmitEvent } from '#ui/types' import type { Form, FormSubmitEvent } from '#ui/types'
const state = reactive({ interface Schema {
email?: string
password?: string
}
const state = reactive<Schema>({
email: undefined, email: undefined,
password: undefined password: undefined
}) })
const form = ref() const form = ref<Form<Schema>>()
async function onSubmit (event: FormSubmitEvent<any>) { async function onSubmit (event: FormSubmitEvent<Schema>) {
form.value.clear() form.value!.clear()
try { try {
const response = await $fetch('...') const response = await $fetch('...')
// ... // ...
} catch (err) { } catch (err) {
if (err.statusCode === 422) { if (err.statusCode === 422) {
form.value.setErrors(err.data.errors.map((err) => ({ form.value!.setErrors(err.data.errors.map((err) => ({
// Map validation errors to { path: string, message: string } // Map validation errors to { path: string, message: string }
message: err.message, message: err.message,
path: err.path, path: err.path,