docs(content): lint fix

This commit is contained in:
Benjamin Canac
2024-12-18 18:07:33 +01:00
parent f3f4edae28
commit 6974f23645
13 changed files with 60 additions and 3 deletions

View File

@@ -243,6 +243,7 @@ export default defineNuxtConfig({
}
})
```
::
## Examples

View File

@@ -15,6 +15,7 @@ It works with the [FormField](/components/form-field) component to display error
### Schema Validation
It requires two props:
- `state` - a reactive object holding the form's state.
- `schema` - a schema object from a validation library like [Zod](https://github.com/colinhacks/zod), [Yup](https://github.com/jquense/yup), [Joi](https://github.com/hapijs/joi), [Valibot](https://github.com/fabian-hiller/valibot) or [Superstruct](https://github.com/ianstormtaylor/superstruct).
@@ -73,6 +74,7 @@ Nested validation rules are handled using dot notation. For example, a rule like
Use the `validate` prop to apply your own validation logic.
The validation function must return a list of errors with the following attributes:
- `message` - the error message to display.
- `name` - the `name` of the `FormField` to send the error to.
@@ -91,6 +93,7 @@ props:
### Input Events
The Form component automatically triggers validation when an input emits an `input`, `change`, or `blur` event.
- Validation on `input` occurs **as you type**.
- Validation on `change` occurs when you **commit to a value**.
- Validation on `blur` happens when an input **loses focus**.

View File

@@ -13,7 +13,7 @@ The Link component is a wrapper around [`<NuxtLink>`](https://nuxt.com/docs/api/
- `inactive-class` prop to set a class when the link is inactive, `active-class` is used when active.
- `exact` prop to style with `active-class` when the link is active and the route is exactly the same as the current route.
- `exact-query` and `exact-hash` props to style with `active-class` when the link is active and the query or hash is exactly the same as the current query or hash.
- use `exact-query="partial"` to style with `active-class` when the link is active and the query partially match the current query.
- use `exact-query="partial"` to style with `active-class` when the link is active and the query partially match the current query.
The incentive behind this is to provide the same API as NuxtLink back in Nuxt 2 / Vue 2. You can read more about it in the Vue Router [migration from Vue 2](https://router.vuejs.org/guide/migration/#removal-of-the-exact-prop-in-router-link) guide.

View File

@@ -131,6 +131,7 @@ Each item can take a `children` array of objects with the following properties t
- `icon?: string`
- `class?: any`
- `onSelect?(e: Event): void`
::
### Orientation