vertumnus
/
primevue-mirror
mirror of https://github.com/primefaces/primevue.git
1
0
Fork 0
Code Packages Releases Activity

Doc update

pull/6705/head
Cagatay Civici 2024-11-01 11:22:44 +03:00
parent d018dcfdb1
commit ba27cfc715
7 changed files with 154 additions and 244 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

39
apps/showcase/doc/forms/FormFieldDoc.vue
View File

@ -1,39 +0,0 @@
<template>
<DocSectionText v-bind="$attrs">
<p>
The <i>FormField</i> is a helper component that provides validation and tracking for form fields, offering a more flexible structure to bind PrimeVue, non-PrimeVue components or HTML elements to Form component. Additionally, with props
like <i>validateOn*</i>, <i>initialValue</i>, <i>resolver</i>, and <i>name</i>, Form behaviors can be controlled directly from this component.
</p>
</DocSectionText>
<DocSectionCode :code="code" hideToggleCode importCode hideStackBlitz />
<BuiltInDoc />
<NonPrimeVueDoc />
<ResolverDoc />
<TemplateDoc />
</template>
<script>
import { markRaw } from 'vue';
import BuiltInDoc from './formfield/BuiltInDoc.vue';
import NonPrimeVueDoc from './formfield/NonPrimeVueDoc.vue';
import ResolverDoc from './formfield/ResolverDoc.vue';
import TemplateDoc from './formfield/TemplateDoc.vue';
export default {
data() {
return {
code: {
basic: `
import { FormField } from '@primevue/forms';
`
}
};
},
components: {
BuiltInDoc: markRaw(BuiltInDoc),
NonPrimeVueDoc: markRaw(NonPrimeVueDoc),
ResolverDoc: markRaw(ResolverDoc),
TemplateDoc: markRaw(TemplateDoc)
}
};
</script>

13
apps/showcase/doc/forms/formfield/BuiltInDoc.vue
View File

@ -1,10 +1,13 @@
<template> <template>
<DocSectionText label="Built-in" :level="2" v-bind="$attrs"> <DocSectionText label="Built-in" :level="2" v-bind="$attrs">
<p>It can be easily integrated with PrimeVue built-in components by wrapping them inside the FormField and using its props to manage validation and state.</p> <p>
Although PrimeVue components have built-in support for the Form API, you may still prefer to utilize the components as wrapped with the FormField. This is a matter of preference, for example in case you are also using FormField for other
3rd party components, your own custom components, and native elements, for consistency it may be an option.
</p>
</DocSectionText> </DocSectionText>
<div class="card flex justify-center"> <div class="card flex justify-center">
<Form :resolver @submit="onFormSubmit" class="flex flex-col gap-4 w-full sm:w-56"> <Form :resolver @submit="onFormSubmit" class="flex flex-col gap-4 w-full sm:w-56">
<FormField v-slot="$field" name="username" initialValue="" class="flex flex-col gap-2"> <FormField v-slot="$field" name="username" initialValue="" class="flex flex-col gap-1">
<InputText type="text" placeholder="Username" /> <InputText type="text" placeholder="Username" />
<Message v-if="$field?.invalid" severity="error" size="small" variant="simple">{{ $field.error?.message }}</Message> <Message v-if="$field?.invalid" severity="error" size="small" variant="simple">{{ $field.error?.message }}</Message>
</FormField> </FormField>
@ -29,7 +32,7 @@ export default {
code: { code: {
basic: ` basic: `
<Form :resolver @submit="onFormSubmit" class="flex flex-col gap-4 w-full sm:w-56"> <Form :resolver @submit="onFormSubmit" class="flex flex-col gap-4 w-full sm:w-56">
<FormField v-slot="$field" name="username" initialValue="" class="flex flex-col gap-2"> <FormField v-slot="$field" name="username" initialValue="" class="flex flex-col gap-1">
<InputText type="text" placeholder="Username" /> <InputText type="text" placeholder="Username" />
<Message v-if="$field?.invalid" severity="error" size="small" variant="simple">{{ $field.error?.message }}</Message> <Message v-if="$field?.invalid" severity="error" size="small" variant="simple">{{ $field.error?.message }}</Message>
</FormField> </FormField>
@ -42,7 +45,7 @@ export default {
<Toast /> <Toast />
<Form :resolver @submit="onFormSubmit" class="flex flex-col gap-4 w-full sm:w-56"> <Form :resolver @submit="onFormSubmit" class="flex flex-col gap-4 w-full sm:w-56">
<FormField v-slot="$field" name="username" initialValue="" class="flex flex-col gap-2"> <FormField v-slot="$field" name="username" initialValue="" class="flex flex-col gap-1">
<InputText type="text" placeholder="Username" /> <InputText type="text" placeholder="Username" />
<Message v-if="$field?.invalid" severity="error" size="small" variant="simple">{{ $field.error?.message }}</Message> <Message v-if="$field?.invalid" severity="error" size="small" variant="simple">{{ $field.error?.message }}</Message>
</FormField> </FormField>
@ -79,7 +82,7 @@ export default {
<template> <template>
<div class="card flex justify-center"> <div class="card flex justify-center">
<Form :resolver @submit="onFormSubmit" class="flex flex-col gap-4 w-full sm:w-56"> <Form :resolver @submit="onFormSubmit" class="flex flex-col gap-4 w-full sm:w-56">
<FormField v-slot="$field" name="username" initialValue="" class="flex flex-col gap-2"> <FormField v-slot="$field" name="username" initialValue="" class="flex flex-col gap-1">
<InputText type="text" placeholder="Username" /> <InputText type="text" placeholder="Username" />
<Message v-if="$field?.invalid" severity="error" size="small" variant="simple">{{ $field.error?.message }}</Message> <Message v-if="$field?.invalid" severity="error" size="small" variant="simple">{{ $field.error?.message }}</Message>
</FormField> </FormField>

23
apps/showcase/doc/forms/formfield/FormFieldDoc.vue Normal file
View File

@ -0,0 +1,23 @@
<template>
<DocSectionText v-bind="$attrs">
<p>
The <i>FormField</i> is a helper component that provides validation and tracking for input elements, offering a more flexible structure to bind PrimeVue, non-PrimeVue components or native HTML elements to Form API. Additionally, with
props like <i>validateOn*</i>, <i>initialValue</i>, <i>resolver</i>, and <i>name</i>, behaviors can be controlled directly from this component.
</p>
</DocSectionText>
<DocSectionCode :code="code" hideToggleCode importCode hideStackBlitz />
</template>
<script>
export default {
data() {
return {
code: {
basic: `
import { FormField } from '@primevue/forms';
`
}
};
}
};
</script>

18
apps/showcase/doc/forms/formfield/NonPrimeVueDoc.vue
View File

@ -1,14 +1,14 @@
<template> <template>
<DocSectionText label="Non-PrimeVue" :level="2" v-bind="$attrs"> <DocSectionText label="Non-PrimeVue" :level="2" v-bind="$attrs">
<p>It can also be used with non-PrimeVue components, providing a flexible way to manage validation and state for any custom HTML elements or third-party libraries.</p> <p>Form API is not strictly tied to PrimeVue components, providing a flexible way to manage validation and state for any native HTML elements, your own custom components or third-party libraries.</p>
</DocSectionText> </DocSectionText>
<div class="card flex justify-center"> <div class="card flex justify-center">
<Form :resolver @submit="onFormSubmit" class="flex flex-col gap-4 w-full sm:w-56"> <Form :resolver @submit="onFormSubmit" class="flex flex-col gap-4 w-full sm:w-56">
<FormField v-slot="$field" name="username" initialValue="" class="flex flex-col gap-2"> <FormField v-slot="$field" name="username" initialValue="" class="flex flex-col gap-1">
<input type="text" placeholder="Username" :class="[{ error: $field?.invalid }]" v-bind="$field.props" /> <input type="text" placeholder="Username" :class="[{ error: $field?.invalid }]" v-bind="$field.props" />
<Message v-if="$field?.invalid" severity="error" size="small" variant="simple">{{ $field.error?.message }}</Message> <Message v-if="$field?.invalid" severity="error" size="small" variant="simple">{{ $field.error?.message }}</Message>
</FormField> </FormField>
<FormField v-slot="$field" name="password" initialValue="PrimeVue" class="flex flex-col gap-2"> <FormField v-slot="$field" name="password" initialValue="PrimeVue" class="flex flex-col gap-1">
<input v-model="$field.value" type="password" placeholder="Password" :class="[{ error: $field?.invalid }]" @input="$field.onInput" @blur="$field.onBlur" @change="$field.onChange" /> <input v-model="$field.value" type="password" placeholder="Password" :class="[{ error: $field?.invalid }]" @input="$field.onInput" @blur="$field.onBlur" @change="$field.onChange" />
<Message v-if="$field?.invalid" severity="error" size="small" variant="simple">{{ $field.error?.message }}</Message> <Message v-if="$field?.invalid" severity="error" size="small" variant="simple">{{ $field.error?.message }}</Message>
</FormField> </FormField>
@ -34,11 +34,11 @@ export default {
code: { code: {
basic: ` basic: `
<Form :resolver @submit="onFormSubmit" class="flex flex-col gap-4 w-full sm:w-56"> <Form :resolver @submit="onFormSubmit" class="flex flex-col gap-4 w-full sm:w-56">
<FormField v-slot="$field" name="username" initialValue="" class="flex flex-col gap-2"> <FormField v-slot="$field" name="username" initialValue="" class="flex flex-col gap-1">
<input type="text" placeholder="Username" :class="[{ error: $field?.invalid }]" v-bind="$field.props" /> <input type="text" placeholder="Username" :class="[{ error: $field?.invalid }]" v-bind="$field.props" />
<Message v-if="$field?.invalid" severity="error" size="small" variant="simple">{{ $field.error?.message }}</Message> <Message v-if="$field?.invalid" severity="error" size="small" variant="simple">{{ $field.error?.message }}</Message>
</FormField> </FormField>
<FormField v-slot="$field" name="password" initialValue="PrimeVue" class="flex flex-col gap-2"> <FormField v-slot="$field" name="password" initialValue="PrimeVue" class="flex flex-col gap-1">
<input v-model="$field.value" type="password" placeholder="Password" :class="[{ error: $field?.invalid }]" @input="$field.onInput" @blur="$field.onBlur" @change="$field.onChange" /> <input v-model="$field.value" type="password" placeholder="Password" :class="[{ error: $field?.invalid }]" @input="$field.onInput" @blur="$field.onBlur" @change="$field.onChange" />
<Message v-if="$field?.invalid" severity="error" size="small" variant="simple">{{ $field.error?.message }}</Message> <Message v-if="$field?.invalid" severity="error" size="small" variant="simple">{{ $field.error?.message }}</Message>
</FormField> </FormField>
@ -51,11 +51,11 @@ export default {
<Toast /> <Toast />
<Form :resolver @submit="onFormSubmit" class="flex flex-col gap-4 w-full sm:w-56"> <Form :resolver @submit="onFormSubmit" class="flex flex-col gap-4 w-full sm:w-56">
<FormField v-slot="$field" name="username" initialValue="" class="flex flex-col gap-2"> <FormField v-slot="$field" name="username" initialValue="" class="flex flex-col gap-1">
<input type="text" placeholder="Username" :class="[{ error: $field?.invalid }]" v-bind="$field.props" /> <input type="text" placeholder="Username" :class="[{ error: $field?.invalid }]" v-bind="$field.props" />
<Message v-if="$field?.invalid" severity="error" size="small" variant="simple">{{ $field.error?.message }}</Message> <Message v-if="$field?.invalid" severity="error" size="small" variant="simple">{{ $field.error?.message }}</Message>
</FormField> </FormField>
<FormField v-slot="$field" name="password" initialValue="PrimeVue" class="flex flex-col gap-2"> <FormField v-slot="$field" name="password" initialValue="PrimeVue" class="flex flex-col gap-1">
<input v-model="$field.value" type="password" placeholder="Password" :class="[{ error: $field?.invalid }]" @input="$field.onInput" @blur="$field.onBlur" @change="$field.onChange" /> <input v-model="$field.value" type="password" placeholder="Password" :class="[{ error: $field?.invalid }]" @input="$field.onInput" @blur="$field.onBlur" @change="$field.onChange" />
<Message v-if="$field?.invalid" severity="error" size="small" variant="simple">{{ $field.error?.message }}</Message> <Message v-if="$field?.invalid" severity="error" size="small" variant="simple">{{ $field.error?.message }}</Message>
</FormField> </FormField>
@ -105,11 +105,11 @@ input.error {
<template> <template>
<div class="card flex justify-center"> <div class="card flex justify-center">
<Form :resolver @submit="onFormSubmit" class="flex flex-col gap-4 w-full sm:w-56"> <Form :resolver @submit="onFormSubmit" class="flex flex-col gap-4 w-full sm:w-56">
<FormField v-slot="$field" name="username" initialValue="" class="flex flex-col gap-2"> <FormField v-slot="$field" name="username" initialValue="" class="flex flex-col gap-1">
<input type="text" placeholder="Username" :class="[{ error: $field?.invalid }]" v-bind="$field.props" /> <input type="text" placeholder="Username" :class="[{ error: $field?.invalid }]" v-bind="$field.props" />
<Message v-if="$field?.invalid" severity="error" size="small" variant="simple">{{ $field.error?.message }}</Message> <Message v-if="$field?.invalid" severity="error" size="small" variant="simple">{{ $field.error?.message }}</Message>
</FormField> </FormField>
<FormField v-slot="$field" name="password" initialValue="PrimeVue" class="flex flex-col gap-2"> <FormField v-slot="$field" name="password" initialValue="PrimeVue" class="flex flex-col gap-1">
<input v-model="$field.value" type="password" placeholder="Password" :class="[{ error: $field?.invalid }]" @input="$field.onInput" @blur="$field.onBlur" @change="$field.onChange" /> <input v-model="$field.value" type="password" placeholder="Password" :class="[{ error: $field?.invalid }]" @input="$field.onInput" @blur="$field.onBlur" @change="$field.onChange" />
<Message v-if="$field?.invalid" severity="error" size="small" variant="simple">{{ $field.error?.message }}</Message> <Message v-if="$field?.invalid" severity="error" size="small" variant="simple">{{ $field.error?.message }}</Message>
</FormField> </FormField>

40
apps/showcase/doc/forms/formfield/ResolverDoc.vue
View File

@ -4,23 +4,23 @@
</DocSectionText> </DocSectionText>
<div class="card flex justify-center"> <div class="card flex justify-center">
<Form :initialValues :resolver @submit="onFormSubmit" class="flex flex-col gap-4 w-full sm:w-80"> <Form :initialValues :resolver @submit="onFormSubmit" class="flex flex-col gap-4 w-full sm:w-80">
<FormField v-slot="$field" name="username" initialValue="" :resolver="zodUserNameResolver" class="flex flex-col gap-2"> <FormField v-slot="$field" name="username" initialValue="" :resolver="zodUserNameResolver" class="flex flex-col gap-1">
<InputText type="text" placeholder="Username" /> <InputText type="text" placeholder="Username" />
<Message v-if="$field?.invalid" severity="error" size="small" variant="simple">{{ $field.error?.message }}</Message> <Message v-if="$field?.invalid" severity="error" size="small" variant="simple">{{ $field.error?.message }}</Message>
</FormField> </FormField>
<FormField v-slot="$field" name="firstname" initialValue="" :resolver="yupFirstNameResolver" class="flex flex-col gap-2"> <FormField v-slot="$field" name="firstname" initialValue="" :resolver="yupFirstNameResolver" class="flex flex-col gap-1">
<InputText type="text" placeholder="First Name" /> <InputText type="text" placeholder="First Name" />
<Message v-if="$field?.invalid" severity="error" size="small" variant="simple">{{ $field.error?.message }}</Message> <Message v-if="$field?.invalid" severity="error" size="small" variant="simple">{{ $field.error?.message }}</Message>
</FormField> </FormField>
<FormField v-slot="$field" name="lastname" initialValue="" :resolver="valibotLastNameResolver" class="flex flex-col gap-2"> <FormField v-slot="$field" name="lastname" initialValue="" :resolver="valibotLastNameResolver" class="flex flex-col gap-1">
<InputText type="text" placeholder="Last Name" /> <InputText type="text" placeholder="Last Name" />
<Message v-if="$field?.invalid" severity="error" size="small" variant="simple">{{ $field.error?.message }}</Message> <Message v-if="$field?.invalid" severity="error" size="small" variant="simple">{{ $field.error?.message }}</Message>
</FormField> </FormField>
<FormField v-slot="$field" name="password" initialValue="" :resolver="customPasswordResolver" class="flex flex-col gap-2"> <FormField v-slot="$field" name="password" initialValue="" :resolver="customPasswordResolver" class="flex flex-col gap-1">
<Password type="text" placeholder="Password" :feedback="false" toggleMask fluid /> <Password type="text" placeholder="Password" :feedback="false" toggleMask fluid />
<Message v-if="$field?.invalid" severity="error" size="small" variant="simple">{{ $field.error?.message }}</Message> <Message v-if="$field?.invalid" severity="error" size="small" variant="simple">{{ $field.error?.message }}</Message>
</FormField> </FormField>
<FormField v-slot="$field" name="details" class="flex flex-col gap-2"> <FormField v-slot="$field" name="details" class="flex flex-col gap-1">
<Textarea placeholder="Details" /> <Textarea placeholder="Details" />
<Message v-if="$field?.invalid" severity="error" size="small" variant="simple">{{ $field.error?.message }}</Message> <Message v-if="$field?.invalid" severity="error" size="small" variant="simple">{{ $field.error?.message }}</Message>
</FormField> </FormField>
@ -53,23 +53,23 @@ export default {
code: { code: {
basic: ` basic: `
<Form :initialValues :resolver @submit="onFormSubmit" class="flex flex-col gap-4 w-full sm:w-80"> <Form :initialValues :resolver @submit="onFormSubmit" class="flex flex-col gap-4 w-full sm:w-80">
<FormField v-slot="$field" name="username" initialValue="" :resolver="zodUserNameResolver" class="flex flex-col gap-2"> <FormField v-slot="$field" name="username" initialValue="" :resolver="zodUserNameResolver" class="flex flex-col gap-1">
<InputText type="text" placeholder="Username" /> <InputText type="text" placeholder="Username" />
<Message v-if="$field?.invalid" severity="error" size="small" variant="simple">{{ $field.error?.message }}</Message> <Message v-if="$field?.invalid" severity="error" size="small" variant="simple">{{ $field.error?.message }}</Message>
</FormField> </FormField>
<FormField v-slot="$field" name="firstname" initialValue="" :resolver="yupFirstNameResolver" class="flex flex-col gap-2"> <FormField v-slot="$field" name="firstname" initialValue="" :resolver="yupFirstNameResolver" class="flex flex-col gap-1">
<InputText type="text" placeholder="First Name" /> <InputText type="text" placeholder="First Name" />
<Message v-if="$field?.invalid" severity="error" size="small" variant="simple">{{ $field.error?.message }}</Message> <Message v-if="$field?.invalid" severity="error" size="small" variant="simple">{{ $field.error?.message }}</Message>
</FormField> </FormField>
<FormField v-slot="$field" name="lastname" initialValue="" :resolver="valibotLastNameResolver" class="flex flex-col gap-2"> <FormField v-slot="$field" name="lastname" initialValue="" :resolver="valibotLastNameResolver" class="flex flex-col gap-1">
<InputText type="text" placeholder="Last Name" /> <InputText type="text" placeholder="Last Name" />
<Message v-if="$field?.invalid" severity="error" size="small" variant="simple">{{ $field.error?.message }}</Message> <Message v-if="$field?.invalid" severity="error" size="small" variant="simple">{{ $field.error?.message }}</Message>
</FormField> </FormField>
<FormField v-slot="$field" name="password" initialValue="" :resolver="customPasswordResolver" class="flex flex-col gap-2"> <FormField v-slot="$field" name="password" initialValue="" :resolver="customPasswordResolver" class="flex flex-col gap-1">
<Password type="text" placeholder="Password" :feedback="false" toggleMask fluid /> <Password type="text" placeholder="Password" :feedback="false" toggleMask fluid />
<Message v-if="$field?.invalid" severity="error" size="small" variant="simple">{{ $field.error?.message }}</Message> <Message v-if="$field?.invalid" severity="error" size="small" variant="simple">{{ $field.error?.message }}</Message>
</FormField> </FormField>
<FormField v-slot="$field" name="details" class="flex flex-col gap-2"> <FormField v-slot="$field" name="details" class="flex flex-col gap-1">
<Textarea placeholder="Details" /> <Textarea placeholder="Details" />
<Message v-if="$field?.invalid" severity="error" size="small" variant="simple">{{ $field.error?.message }}</Message> <Message v-if="$field?.invalid" severity="error" size="small" variant="simple">{{ $field.error?.message }}</Message>
</FormField> </FormField>
@ -82,23 +82,23 @@ export default {
<Toast /> <Toast />
<Form :initialValues :resolver @submit="onFormSubmit" class="flex flex-col gap-4 w-full sm:w-80"> <Form :initialValues :resolver @submit="onFormSubmit" class="flex flex-col gap-4 w-full sm:w-80">
<FormField v-slot="$field" name="username" initialValue="" :resolver="zodUserNameResolver" class="flex flex-col gap-2"> <FormField v-slot="$field" name="username" initialValue="" :resolver="zodUserNameResolver" class="flex flex-col gap-1">
<InputText type="text" placeholder="Username" /> <InputText type="text" placeholder="Username" />
<Message v-if="$field?.invalid" severity="error" size="small" variant="simple">{{ $field.error?.message }}</Message> <Message v-if="$field?.invalid" severity="error" size="small" variant="simple">{{ $field.error?.message }}</Message>
</FormField> </FormField>
<FormField v-slot="$field" name="firstname" initialValue="" :resolver="yupFirstNameResolver" class="flex flex-col gap-2"> <FormField v-slot="$field" name="firstname" initialValue="" :resolver="yupFirstNameResolver" class="flex flex-col gap-1">
<InputText type="text" placeholder="First Name" /> <InputText type="text" placeholder="First Name" />
<Message v-if="$field?.invalid" severity="error" size="small" variant="simple">{{ $field.error?.message }}</Message> <Message v-if="$field?.invalid" severity="error" size="small" variant="simple">{{ $field.error?.message }}</Message>
</FormField> </FormField>
<FormField v-slot="$field" name="lastname" initialValue="" :resolver="valibotLastNameResolver" class="flex flex-col gap-2"> <FormField v-slot="$field" name="lastname" initialValue="" :resolver="valibotLastNameResolver" class="flex flex-col gap-1">
<InputText type="text" placeholder="Last Name" /> <InputText type="text" placeholder="Last Name" />
<Message v-if="$field?.invalid" severity="error" size="small" variant="simple">{{ $field.error?.message }}</Message> <Message v-if="$field?.invalid" severity="error" size="small" variant="simple">{{ $field.error?.message }}</Message>
</FormField> </FormField>
<FormField v-slot="$field" name="password" initialValue="" :resolver="customPasswordResolver" class="flex flex-col gap-2"> <FormField v-slot="$field" name="password" initialValue="" :resolver="customPasswordResolver" class="flex flex-col gap-1">
<Password type="text" placeholder="Password" :feedback="false" toggleMask fluid /> <Password type="text" placeholder="Password" :feedback="false" toggleMask fluid />
<Message v-if="$field?.invalid" severity="error" size="small" variant="simple">{{ $field.error?.message }}</Message> <Message v-if="$field?.invalid" severity="error" size="small" variant="simple">{{ $field.error?.message }}</Message>
</FormField> </FormField>
<FormField v-slot="$field" name="details" class="flex flex-col gap-2"> <FormField v-slot="$field" name="details" class="flex flex-col gap-1">
<Textarea placeholder="Details" /> <Textarea placeholder="Details" />
<Message v-if="$field?.invalid" severity="error" size="small" variant="simple">{{ $field.error?.message }}</Message> <Message v-if="$field?.invalid" severity="error" size="small" variant="simple">{{ $field.error?.message }}</Message>
</FormField> </FormField>
@ -154,23 +154,23 @@ export default {
<template> <template>
<div class="card flex justify-center"> <div class="card flex justify-center">
<Form :initialValues :resolver @submit="onFormSubmit" class="flex flex-col gap-4 w-full sm:w-80"> <Form :initialValues :resolver @submit="onFormSubmit" class="flex flex-col gap-4 w-full sm:w-80">
<FormField v-slot="$field" name="username" initialValue="" :resolver="zodUserNameResolver" class="flex flex-col gap-2"> <FormField v-slot="$field" name="username" initialValue="" :resolver="zodUserNameResolver" class="flex flex-col gap-1">
<InputText type="text" placeholder="Username" /> <InputText type="text" placeholder="Username" />
<Message v-if="$field?.invalid" severity="error" size="small" variant="simple">{{ $field.error?.message }}</Message> <Message v-if="$field?.invalid" severity="error" size="small" variant="simple">{{ $field.error?.message }}</Message>
</FormField> </FormField>
<FormField v-slot="$field" name="firstname" initialValue="" :resolver="yupFirstNameResolver" class="flex flex-col gap-2"> <FormField v-slot="$field" name="firstname" initialValue="" :resolver="yupFirstNameResolver" class="flex flex-col gap-1">
<InputText type="text" placeholder="First Name" /> <InputText type="text" placeholder="First Name" />
<Message v-if="$field?.invalid" severity="error" size="small" variant="simple">{{ $field.error?.message }}</Message> <Message v-if="$field?.invalid" severity="error" size="small" variant="simple">{{ $field.error?.message }}</Message>
</FormField> </FormField>
<FormField v-slot="$field" name="lastname" initialValue="" :resolver="valibotLastNameResolver" class="flex flex-col gap-2"> <FormField v-slot="$field" name="lastname" initialValue="" :resolver="valibotLastNameResolver" class="flex flex-col gap-1">
<InputText type="text" placeholder="Last Name" /> <InputText type="text" placeholder="Last Name" />
<Message v-if="$field?.invalid" severity="error" size="small" variant="simple">{{ $field.error?.message }}</Message> <Message v-if="$field?.invalid" severity="error" size="small" variant="simple">{{ $field.error?.message }}</Message>
</FormField> </FormField>
<FormField v-slot="$field" name="password" initialValue="" :resolver="customPasswordResolver" class="flex flex-col gap-2"> <FormField v-slot="$field" name="password" initialValue="" :resolver="customPasswordResolver" class="flex flex-col gap-1">
<Password type="text" placeholder="Password" :feedback="false" toggleMask fluid /> <Password type="text" placeholder="Password" :feedback="false" toggleMask fluid />
<Message v-if="$field?.invalid" severity="error" size="small" variant="simple">{{ $field.error?.message }}</Message> <Message v-if="$field?.invalid" severity="error" size="small" variant="simple">{{ $field.error?.message }}</Message>
</FormField> </FormField>
<FormField v-slot="$field" name="details" class="flex flex-col gap-2"> <FormField v-slot="$field" name="details" class="flex flex-col gap-1">
<Textarea placeholder="Details" /> <Textarea placeholder="Details" />
<Message v-if="$field?.invalid" severity="error" size="small" variant="simple">{{ $field.error?.message }}</Message> <Message v-if="$field?.invalid" severity="error" size="small" variant="simple">{{ $field.error?.message }}</Message>
</FormField> </FormField>

34
apps/showcase/pages/forms/index.vue
View File

@ -15,12 +15,16 @@ import AccessibilityDoc from '@/doc/forms/AccessibilityDoc.vue';
import BasicDoc from '@/doc/forms/BasicDoc.vue'; import BasicDoc from '@/doc/forms/BasicDoc.vue';
import DownloadDoc from '@/doc/forms/DownloadDoc.vue'; import DownloadDoc from '@/doc/forms/DownloadDoc.vue';
import DynamicDoc from '@/doc/forms/DynamicDoc.vue'; import DynamicDoc from '@/doc/forms/DynamicDoc.vue';
import FormFieldDoc from '@/doc/forms/FormFieldDoc.vue';
import ImportDoc from '@/doc/forms/ImportDoc.vue'; import ImportDoc from '@/doc/forms/ImportDoc.vue';
import ResolversDoc from '@/doc/forms/ResolversDoc.vue'; import ResolversDoc from '@/doc/forms/ResolversDoc.vue';
import StatesDoc from '@/doc/forms/StatesDoc.vue'; import StatesDoc from '@/doc/forms/StatesDoc.vue';
import SubmitDoc from '@/doc/forms/SubmitDoc.vue'; import SubmitDoc from '@/doc/forms/SubmitDoc.vue';
import ValidateOnDoc from '@/doc/forms/ValidateOnDoc.vue'; import ValidateOnDoc from '@/doc/forms/ValidateOnDoc.vue';
import BuiltInDoc from '@/doc/forms/formfield/BuiltInDoc.vue';
import FormFieldDoc from '@/doc/forms/formfield/FormFieldDoc.vue';
import NonPrimeVueDoc from '@/doc/forms/formfield/NonPrimeVueDoc.vue';
import ResolverDoc from '@/doc/forms/formfield/ResolverDoc.vue';
import TemplateDoc from '@/doc/forms/formfield/TemplateDoc.vue';
import PTComponent from '@/doc/forms/pt/index.vue'; import PTComponent from '@/doc/forms/pt/index.vue';
import ThemingDoc from '@/doc/forms/theming/index.vue'; import ThemingDoc from '@/doc/forms/theming/index.vue';
@ -61,7 +65,33 @@ export default {
{ {
id: 'formfield', id: 'formfield',
label: 'FormField', label: 'FormField',
component: FormFieldDoc children: [
{
id: 'formfield-import',
label: 'Import',
component: FormFieldDoc
},
{
id: 'formfield-built-in',
label: 'Built-in',
component: BuiltInDoc
},
{
id: 'formfield-non-primevue',
label: 'Non PrimeVue',
component: NonPrimeVueDoc
},
{
id: 'formfield-resolver',
label: 'Resolver',
component: ResolverDoc
},
{
id: 'formfield-template',
label: 'Template',
component: TemplateDoc
}
]
}, },
{ {
id: 'submit', id: 'submit',

231
pnpm-lock.yaml
View File

@ -159,7 +159,7 @@ importers:
version: 8.3.5(jiti@2.3.3)(postcss@8.4.47)(typescript@5.6.3)(yaml@2.6.0) version: 8.3.5(jiti@2.3.3)(postcss@8.4.47)(typescript@5.6.3)(yaml@2.6.0)
unplugin-vue-components: unplugin-vue-components:
specifier: ^0.27.0 specifier: ^0.27.0
version: 0.27.0(@babel/parser@7.26.2)(@nuxt/kit@3.13.2(magicast@0.3.5)(rollup@4.24.3))(rollup@4.24.3)(vue@3.5.12(typescript@5.6.3)) version: 0.27.0(@babel/parser@7.26.2)(@nuxt/kit@3.13.2(magicast@0.3.5)(rollup@4.24.3)(webpack-sources@3.2.3))(rollup@4.24.3)(vue@3.5.12(typescript@5.6.3))(webpack-sources@3.2.3)
publishDirectory: dist publishDirectory: dist
packages/core: packages/core:
@ -209,7 +209,7 @@ importers:
dependencies: dependencies:
'@nuxt/kit': '@nuxt/kit':
specifier: ^3.7.3 specifier: ^3.7.3
version: 3.13.2(magicast@0.3.5)(rollup@4.24.3) version: 3.13.2(magicast@0.3.5)(rollup@4.24.3)(webpack-sources@3.2.3)
'@primeuix/styled': '@primeuix/styled':
specifier: 'catalog:' specifier: 'catalog:'
version: 0.3.0 version: 0.3.0
@ -230,23 +230,23 @@ importers:
version: link:../primevue version: link:../primevue
unplugin-vue-components: unplugin-vue-components:
specifier: 0.27.0 specifier: 0.27.0
version: 0.27.0(@babel/parser@7.26.2)(@nuxt/kit@3.13.2(magicast@0.3.5)(rollup@4.24.3))(rollup@4.24.3)(vue@3.5.12(typescript@5.6.3)) version: 0.27.0(@babel/parser@7.26.2)(@nuxt/kit@3.13.2(magicast@0.3.5)(rollup@4.24.3)(webpack-sources@3.2.3))(rollup@4.24.3)(vue@3.5.12(typescript@5.6.3))(webpack-sources@3.2.3)
devDependencies: devDependencies:
'@nuxt/devtools': '@nuxt/devtools':
specifier: ^0.8.5 specifier: ^0.8.5
version: 0.8.5(nuxt@3.3.2(@types/node@18.19.63)(encoding@0.1.13)(eslint@8.57.1)(ioredis@5.4.1)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.24.3)(terser@5.36.0)(typescript@5.6.3))(rollup@4.24.3) version: 0.8.5(nuxt@3.3.2(@types/node@18.19.63)(encoding@0.1.13)(eslint@8.57.1)(ioredis@5.4.1)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.24.3)(terser@5.36.0)(typescript@5.6.3)(webpack-sources@3.2.3))(rollup@4.24.3)(webpack-sources@3.2.3)
'@nuxt/eslint-config': '@nuxt/eslint-config':
specifier: ^0.2.0 specifier: ^0.2.0
version: 0.2.0(eslint@8.57.1) version: 0.2.0(eslint@8.57.1)
'@nuxt/module-builder': '@nuxt/module-builder':
specifier: ^0.8.3 specifier: ^0.8.3
version: 0.8.4(@nuxt/kit@3.13.2(magicast@0.3.5)(rollup@4.24.3))(nuxi@3.3.2)(typescript@5.6.3) version: 0.8.4(@nuxt/kit@3.13.2(magicast@0.3.5)(rollup@4.24.3)(webpack-sources@3.2.3))(nuxi@3.3.2)(typescript@5.6.3)(webpack-sources@3.2.3)
'@nuxt/schema': '@nuxt/schema':
specifier: ^3.7.3 specifier: ^3.7.3
version: 3.13.2(rollup@4.24.3) version: 3.13.2(rollup@4.24.3)(webpack-sources@3.2.3)
'@nuxt/test-utils': '@nuxt/test-utils':
specifier: ^3.7.3 specifier: ^3.7.3
version: 3.14.4(@vue/test-utils@2.4.6)(h3@1.13.0)(magicast@0.3.5)(nitropack@2.9.7(encoding@0.1.13)(magicast@0.3.5))(rollup@4.24.3)(vitest@1.6.0(@types/node@18.19.63)(terser@5.36.0))(vue-router@4.4.5(vue@3.5.12(typescript@5.6.3)))(vue@3.5.12(typescript@5.6.3)) version: 3.14.4(@vue/test-utils@2.4.6)(h3@1.13.0)(magicast@0.3.5)(nitropack@2.9.7(encoding@0.1.13)(magicast@0.3.5)(webpack-sources@3.2.3))(rollup@4.24.3)(vitest@1.6.0(@types/node@18.19.63)(terser@5.36.0))(vue-router@4.4.5(vue@3.5.12(typescript@5.6.3)))(vue@3.5.12(typescript@5.6.3))(webpack-sources@3.2.3)
'@primevue/themes': '@primevue/themes':
specifier: workspace:* specifier: workspace:*
version: link:../themes version: link:../themes
@ -258,10 +258,10 @@ importers:
version: 0.5.7(magicast@0.3.5) version: 0.5.7(magicast@0.3.5)
nitropack: nitropack:
specifier: ^2.6.3 specifier: ^2.6.3
version: 2.9.7(encoding@0.1.13)(magicast@0.3.5) version: 2.9.7(encoding@0.1.13)(magicast@0.3.5)(webpack-sources@3.2.3)
nuxt: nuxt:
specifier: 3.3.2 specifier: 3.3.2
version: 3.3.2(@types/node@18.19.63)(encoding@0.1.13)(eslint@8.57.1)(ioredis@5.4.1)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.24.3)(terser@5.36.0)(typescript@5.6.3) version: 3.3.2(@types/node@18.19.63)(encoding@0.1.13)(eslint@8.57.1)(ioredis@5.4.1)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.24.3)(terser@5.36.0)(typescript@5.6.3)(webpack-sources@3.2.3)
vitest: vitest:
specifier: ^1.6.0 specifier: ^1.6.0
version: 1.6.0(@types/node@18.19.63)(terser@5.36.0) version: 1.6.0(@types/node@18.19.63)(terser@5.36.0)
@ -8335,12 +8335,12 @@ snapshots:
'@nuxt/devalue@2.0.2': {} '@nuxt/devalue@2.0.2': {}
'@nuxt/devtools-kit@0.8.5(magicast@0.3.5)(nuxt@3.3.2(@types/node@18.19.63)(encoding@0.1.13)(eslint@8.57.1)(ioredis@5.4.1)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.24.3)(terser@5.36.0)(typescript@5.6.3))(rollup@4.24.3)': '@nuxt/devtools-kit@0.8.5(magicast@0.3.5)(nuxt@3.3.2(@types/node@18.19.63)(encoding@0.1.13)(eslint@8.57.1)(ioredis@5.4.1)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.24.3)(terser@5.36.0)(typescript@5.6.3)(webpack-sources@3.2.3))(rollup@4.24.3)(webpack-sources@3.2.3)':
dependencies: dependencies:
'@nuxt/kit': 3.13.2(magicast@0.3.5)(rollup@4.24.3) '@nuxt/kit': 3.13.2(magicast@0.3.5)(rollup@4.24.3)(webpack-sources@3.2.3)
'@nuxt/schema': 3.13.2(rollup@4.24.3) '@nuxt/schema': 3.13.2(rollup@4.24.3)(webpack-sources@3.2.3)
execa: 7.2.0 execa: 7.2.0
nuxt: 3.3.2(@types/node@18.19.63)(encoding@0.1.13)(eslint@8.57.1)(ioredis@5.4.1)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.24.3)(terser@5.36.0)(typescript@5.6.3) nuxt: 3.3.2(@types/node@18.19.63)(encoding@0.1.13)(eslint@8.57.1)(ioredis@5.4.1)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.24.3)(terser@5.36.0)(typescript@5.6.3)(webpack-sources@3.2.3)
transitivePeerDependencies: transitivePeerDependencies:
- magicast - magicast
- rollup - rollup
@ -8360,12 +8360,12 @@ snapshots:
rc9: 2.1.2 rc9: 2.1.2
semver: 7.6.3 semver: 7.6.3
'@nuxt/devtools@0.8.5(nuxt@3.3.2(@types/node@18.19.63)(encoding@0.1.13)(eslint@8.57.1)(ioredis@5.4.1)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.24.3)(terser@5.36.0)(typescript@5.6.3))(rollup@4.24.3)': '@nuxt/devtools@0.8.5(nuxt@3.3.2(@types/node@18.19.63)(encoding@0.1.13)(eslint@8.57.1)(ioredis@5.4.1)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.24.3)(terser@5.36.0)(typescript@5.6.3)(webpack-sources@3.2.3))(rollup@4.24.3)(webpack-sources@3.2.3)':
dependencies: dependencies:
'@antfu/utils': 0.7.10 '@antfu/utils': 0.7.10
'@nuxt/devtools-kit': 0.8.5(magicast@0.3.5)(nuxt@3.3.2(@types/node@18.19.63)(encoding@0.1.13)(eslint@8.57.1)(ioredis@5.4.1)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.24.3)(terser@5.36.0)(typescript@5.6.3))(rollup@4.24.3) '@nuxt/devtools-kit': 0.8.5(magicast@0.3.5)(nuxt@3.3.2(@types/node@18.19.63)(encoding@0.1.13)(eslint@8.57.1)(ioredis@5.4.1)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.24.3)(terser@5.36.0)(typescript@5.6.3)(webpack-sources@3.2.3))(rollup@4.24.3)(webpack-sources@3.2.3)
'@nuxt/devtools-wizard': 0.8.5 '@nuxt/devtools-wizard': 0.8.5
'@nuxt/kit': 3.13.2(magicast@0.3.5)(rollup@4.24.3) '@nuxt/kit': 3.13.2(magicast@0.3.5)(rollup@4.24.3)(webpack-sources@3.2.3)
birpc: 0.2.19 birpc: 0.2.19
consola: 3.2.3 consola: 3.2.3
error-stack-parser-es: 0.1.5 error-stack-parser-es: 0.1.5
@ -8381,7 +8381,7 @@ snapshots:
launch-editor: 2.9.1 launch-editor: 2.9.1
local-pkg: 0.4.3 local-pkg: 0.4.3
magicast: 0.3.5 magicast: 0.3.5
nuxt: 3.3.2(@types/node@18.19.63)(encoding@0.1.13)(eslint@8.57.1)(ioredis@5.4.1)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.24.3)(terser@5.36.0)(typescript@5.6.3) nuxt: 3.3.2(@types/node@18.19.63)(encoding@0.1.13)(eslint@8.57.1)(ioredis@5.4.1)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.24.3)(terser@5.36.0)(typescript@5.6.3)(webpack-sources@3.2.3)
nypm: 0.3.12 nypm: 0.3.12
ofetch: 1.4.1 ofetch: 1.4.1
ohash: 1.1.4 ohash: 1.1.4
@ -8393,8 +8393,8 @@ snapshots:
semver: 7.6.3 semver: 7.6.3
simple-git: 3.27.0 simple-git: 3.27.0
sirv: 2.0.4 sirv: 2.0.4
unimport: 3.13.1(rollup@4.24.3) unimport: 3.13.1(rollup@4.24.3)(webpack-sources@3.2.3)
vite-plugin-inspect: 0.7.42(@nuxt/kit@3.13.2(magicast@0.3.5)(rollup@4.24.3))(rollup@4.24.3) vite-plugin-inspect: 0.7.42(@nuxt/kit@3.13.2(magicast@0.3.5)(rollup@4.24.3)(webpack-sources@3.2.3))(rollup@4.24.3)
vite-plugin-vue-inspector: 3.7.2 vite-plugin-vue-inspector: 3.7.2
wait-on: 7.2.0 wait-on: 7.2.0
which: 3.0.1 which: 3.0.1
@ -8447,9 +8447,9 @@ snapshots:
- supports-color - supports-color
- webpack-sources - webpack-sources
'@nuxt/kit@3.13.2(magicast@0.3.5)(rollup@4.24.3)': '@nuxt/kit@3.13.2(magicast@0.3.5)(rollup@4.24.3)(webpack-sources@3.2.3)':
dependencies: dependencies:
'@nuxt/schema': 3.13.2(rollup@4.24.3) '@nuxt/schema': 3.13.2(rollup@4.24.3)(webpack-sources@3.2.3)
c12: 1.11.2(magicast@0.3.5) c12: 1.11.2(magicast@0.3.5)
consola: 3.2.3 consola: 3.2.3
defu: 6.1.4 defu: 6.1.4
@ -8467,33 +8467,7 @@ snapshots:
semver: 7.6.3 semver: 7.6.3
ufo: 1.5.4 ufo: 1.5.4
unctx: 2.3.1(webpack-sources@3.2.3) unctx: 2.3.1(webpack-sources@3.2.3)
unimport: 3.13.1(rollup@4.24.3) unimport: 3.13.1(rollup@4.24.3)(webpack-sources@3.2.3)
untyped: 1.5.1
transitivePeerDependencies:
- magicast
- rollup
- supports-color
- webpack-sources
'@nuxt/kit@3.3.2(magicast@0.3.5)(rollup@3.29.5)':
dependencies:
'@nuxt/schema': 3.3.2(magicast@0.3.5)(rollup@3.29.5)(webpack-sources@3.2.3)
c12: 1.11.2(magicast@0.3.5)
consola: 2.15.3
defu: 6.1.4
globby: 13.2.2
hash-sum: 2.0.0
ignore: 5.3.2
jiti: 1.21.6
knitwork: 1.1.0
lodash.template: 4.5.0
mlly: 1.7.2
pathe: 1.1.2
pkg-types: 1.2.1
scule: 1.3.0
semver: 7.6.3
unctx: 2.3.1(webpack-sources@3.2.3)
unimport: 3.13.1(rollup@3.29.5)(webpack-sources@3.2.3)
untyped: 1.5.1 untyped: 1.5.1
transitivePeerDependencies: transitivePeerDependencies:
- magicast - magicast
@ -8527,9 +8501,9 @@ snapshots:
- supports-color - supports-color
- webpack-sources - webpack-sources
'@nuxt/kit@3.3.2(magicast@0.3.5)(rollup@4.24.3)': '@nuxt/kit@3.3.2(magicast@0.3.5)(rollup@4.24.3)(webpack-sources@3.2.3)':
dependencies: dependencies:
'@nuxt/schema': 3.3.2(magicast@0.3.5)(rollup@4.24.3) '@nuxt/schema': 3.3.2(magicast@0.3.5)(rollup@4.24.3)(webpack-sources@3.2.3)
c12: 1.11.2(magicast@0.3.5) c12: 1.11.2(magicast@0.3.5)
consola: 2.15.3 consola: 2.15.3
defu: 6.1.4 defu: 6.1.4
@ -8545,7 +8519,7 @@ snapshots:
scule: 1.3.0 scule: 1.3.0
semver: 7.6.3 semver: 7.6.3
unctx: 2.3.1(webpack-sources@3.2.3) unctx: 2.3.1(webpack-sources@3.2.3)
unimport: 3.13.1(rollup@4.24.3) unimport: 3.13.1(rollup@4.24.3)(webpack-sources@3.2.3)
untyped: 1.5.1 untyped: 1.5.1
transitivePeerDependencies: transitivePeerDependencies:
- magicast - magicast
@ -8553,13 +8527,13 @@ snapshots:
- supports-color - supports-color
- webpack-sources - webpack-sources
'@nuxt/module-builder@0.8.4(@nuxt/kit@3.13.2(magicast@0.3.5)(rollup@4.24.3))(nuxi@3.3.2)(typescript@5.6.3)': '@nuxt/module-builder@0.8.4(@nuxt/kit@3.13.2(magicast@0.3.5)(rollup@4.24.3)(webpack-sources@3.2.3))(nuxi@3.3.2)(typescript@5.6.3)(webpack-sources@3.2.3)':
dependencies: dependencies:
'@nuxt/kit': 3.13.2(magicast@0.3.5)(rollup@4.24.3) '@nuxt/kit': 3.13.2(magicast@0.3.5)(rollup@4.24.3)(webpack-sources@3.2.3)
citty: 0.1.6 citty: 0.1.6
consola: 3.2.3 consola: 3.2.3
defu: 6.1.4 defu: 6.1.4
magic-regexp: 0.8.0 magic-regexp: 0.8.0(webpack-sources@3.2.3)
mlly: 1.7.2 mlly: 1.7.2
nuxi: 3.3.2 nuxi: 3.3.2
pathe: 1.1.2 pathe: 1.1.2
@ -8592,7 +8566,7 @@ snapshots:
- supports-color - supports-color
- webpack-sources - webpack-sources
'@nuxt/schema@3.13.2(rollup@4.24.3)': '@nuxt/schema@3.13.2(rollup@4.24.3)(webpack-sources@3.2.3)':
dependencies: dependencies:
compatx: 0.1.8 compatx: 0.1.8
consola: 3.2.3 consola: 3.2.3
@ -8604,7 +8578,7 @@ snapshots:
std-env: 3.7.0 std-env: 3.7.0
ufo: 1.5.4 ufo: 1.5.4
uncrypto: 0.1.3 uncrypto: 0.1.3
unimport: 3.13.1(rollup@4.24.3) unimport: 3.13.1(rollup@4.24.3)(webpack-sources@3.2.3)
untyped: 1.5.1 untyped: 1.5.1
transitivePeerDependencies: transitivePeerDependencies:
- rollup - rollup
@ -8632,7 +8606,7 @@ snapshots:
- supports-color - supports-color
- webpack-sources - webpack-sources
'@nuxt/schema@3.3.2(magicast@0.3.5)(rollup@4.24.3)': '@nuxt/schema@3.3.2(magicast@0.3.5)(rollup@4.24.3)(webpack-sources@3.2.3)':
dependencies: dependencies:
c12: 1.11.2(magicast@0.3.5) c12: 1.11.2(magicast@0.3.5)
create-require: 1.1.1 create-require: 1.1.1
@ -8645,7 +8619,7 @@ snapshots:
scule: 1.3.0 scule: 1.3.0
std-env: 3.7.0 std-env: 3.7.0
ufo: 1.5.4 ufo: 1.5.4
unimport: 3.13.1(rollup@4.24.3) unimport: 3.13.1(rollup@4.24.3)(webpack-sources@3.2.3)
untyped: 1.5.1 untyped: 1.5.1
transitivePeerDependencies: transitivePeerDependencies:
- magicast - magicast
@ -8679,9 +8653,9 @@ snapshots:
- supports-color - supports-color
- webpack-sources - webpack-sources
'@nuxt/telemetry@2.6.0(magicast@0.3.5)(rollup@4.24.3)': '@nuxt/telemetry@2.6.0(magicast@0.3.5)(rollup@4.24.3)(webpack-sources@3.2.3)':
dependencies: dependencies:
'@nuxt/kit': 3.13.2(magicast@0.3.5)(rollup@4.24.3) '@nuxt/kit': 3.13.2(magicast@0.3.5)(rollup@4.24.3)(webpack-sources@3.2.3)
ci-info: 4.0.0 ci-info: 4.0.0
consola: 3.2.3 consola: 3.2.3
create-require: 1.1.1 create-require: 1.1.1
@ -8705,10 +8679,10 @@ snapshots:
- supports-color - supports-color
- webpack-sources - webpack-sources
'@nuxt/test-utils@3.14.4(@vue/test-utils@2.4.6)(h3@1.13.0)(magicast@0.3.5)(nitropack@2.9.7(encoding@0.1.13)(magicast@0.3.5))(rollup@4.24.3)(vitest@1.6.0(@types/node@18.19.63)(terser@5.36.0))(vue-router@4.4.5(vue@3.5.12(typescript@5.6.3)))(vue@3.5.12(typescript@5.6.3))': '@nuxt/test-utils@3.14.4(@vue/test-utils@2.4.6)(h3@1.13.0)(magicast@0.3.5)(nitropack@2.9.7(encoding@0.1.13)(magicast@0.3.5)(webpack-sources@3.2.3))(rollup@4.24.3)(vitest@1.6.0(@types/node@18.19.63)(terser@5.36.0))(vue-router@4.4.5(vue@3.5.12(typescript@5.6.3)))(vue@3.5.12(typescript@5.6.3))(webpack-sources@3.2.3)':
dependencies: dependencies:
'@nuxt/kit': 3.13.2(magicast@0.3.5)(rollup@4.24.3) '@nuxt/kit': 3.13.2(magicast@0.3.5)(rollup@4.24.3)(webpack-sources@3.2.3)
'@nuxt/schema': 3.13.2(rollup@4.24.3) '@nuxt/schema': 3.13.2(rollup@4.24.3)(webpack-sources@3.2.3)
c12: 2.0.1(magicast@0.3.5) c12: 2.0.1(magicast@0.3.5)
consola: 3.2.3 consola: 3.2.3
defu: 6.1.4 defu: 6.1.4
@ -8719,7 +8693,7 @@ snapshots:
h3: 1.13.0 h3: 1.13.0
local-pkg: 0.5.0 local-pkg: 0.5.0
magic-string: 0.30.12 magic-string: 0.30.12
nitropack: 2.9.7(encoding@0.1.13)(magicast@0.3.5) nitropack: 2.9.7(encoding@0.1.13)(magicast@0.3.5)(webpack-sources@3.2.3)
node-fetch-native: 1.6.4 node-fetch-native: 1.6.4
ofetch: 1.4.1 ofetch: 1.4.1
pathe: 1.1.2 pathe: 1.1.2
@ -8731,7 +8705,7 @@ snapshots:
ufo: 1.5.4 ufo: 1.5.4
unenv: 1.10.0 unenv: 1.10.0
unplugin: 1.15.0(webpack-sources@3.2.3) unplugin: 1.15.0(webpack-sources@3.2.3)
vitest-environment-nuxt: 1.0.1(@vue/test-utils@2.4.6)(h3@1.13.0)(magicast@0.3.5)(nitropack@2.9.7(encoding@0.1.13)(magicast@0.3.5))(rollup@4.24.3)(vitest@1.6.0(@types/node@18.19.63)(terser@5.36.0))(vue-router@4.4.5(vue@3.5.12(typescript@5.6.3)))(vue@3.5.12(typescript@5.6.3)) vitest-environment-nuxt: 1.0.1(@vue/test-utils@2.4.6)(h3@1.13.0)(magicast@0.3.5)(nitropack@2.9.7(encoding@0.1.13)(magicast@0.3.5)(webpack-sources@3.2.3))(rollup@4.24.3)(vitest@1.6.0(@types/node@18.19.63)(terser@5.36.0))(vue-router@4.4.5(vue@3.5.12(typescript@5.6.3)))(vue@3.5.12(typescript@5.6.3))(webpack-sources@3.2.3)
vue: 3.5.12(typescript@5.6.3) vue: 3.5.12(typescript@5.6.3)
vue-router: 4.4.5(vue@3.5.12(typescript@5.6.3)) vue-router: 4.4.5(vue@3.5.12(typescript@5.6.3))
optionalDependencies: optionalDependencies:
@ -8804,9 +8778,9 @@ snapshots:
- vue-tsc - vue-tsc
- webpack-sources - webpack-sources
'@nuxt/vite-builder@3.3.2(@types/node@18.19.63)(eslint@8.57.1)(magicast@0.3.5)(optionator@0.9.4)(terser@5.36.0)(typescript@5.6.3)(vue@3.5.12(typescript@5.6.3))': '@nuxt/vite-builder@3.3.2(@types/node@18.19.63)(eslint@8.57.1)(magicast@0.3.5)(optionator@0.9.4)(terser@5.36.0)(typescript@5.6.3)(vue@3.5.12(typescript@5.6.3))(webpack-sources@3.2.3)':
dependencies: dependencies:
'@nuxt/kit': 3.3.2(magicast@0.3.5)(rollup@3.29.5) '@nuxt/kit': 3.3.2(magicast@0.3.5)(rollup@3.29.5)(webpack-sources@3.2.3)
'@rollup/plugin-replace': 5.0.7(rollup@3.29.5) '@rollup/plugin-replace': 5.0.7(rollup@3.29.5)
'@vitejs/plugin-vue': 4.6.2(vite@4.2.3(@types/node@18.19.63)(terser@5.36.0))(vue@3.5.12(typescript@5.6.3)) '@vitejs/plugin-vue': 4.6.2(vite@4.2.3(@types/node@18.19.63)(terser@5.36.0))(vue@3.5.12(typescript@5.6.3))
'@vitejs/plugin-vue-jsx': 3.1.0(vite@4.2.3(@types/node@18.19.63)(terser@5.36.0))(vue@3.5.12(typescript@5.6.3)) '@vitejs/plugin-vue-jsx': 3.1.0(vite@4.2.3(@types/node@18.19.63)(terser@5.36.0))(vue@3.5.12(typescript@5.6.3))
@ -11703,7 +11677,7 @@ snapshots:
lunr@2.3.9: {} lunr@2.3.9: {}
magic-regexp@0.8.0: magic-regexp@0.8.0(webpack-sources@3.2.3):
dependencies: dependencies:
estree-walker: 3.0.3 estree-walker: 3.0.3
magic-string: 0.30.12 magic-string: 0.30.12
@ -11909,7 +11883,7 @@ snapshots:
neo-async@2.6.2: {} neo-async@2.6.2: {}
nitropack@2.3.3(encoding@0.1.13)(ioredis@5.4.1)(magicast@0.3.5): nitropack@2.3.3(encoding@0.1.13)(ioredis@5.4.1)(magicast@0.3.5)(webpack-sources@3.2.3):
dependencies: dependencies:
'@cloudflare/kv-asset-handler': 0.3.4 '@cloudflare/kv-asset-handler': 0.3.4
'@netlify/functions': 1.6.0 '@netlify/functions': 1.6.0
@ -11990,88 +11964,7 @@ snapshots:
- uWebSockets.js - uWebSockets.js
- webpack-sources - webpack-sources
nitropack@2.3.3(ioredis@5.4.1)(magicast@0.3.5)(webpack-sources@3.2.3): nitropack@2.9.7(encoding@0.1.13)(magicast@0.3.5)(webpack-sources@3.2.3):
dependencies:
'@cloudflare/kv-asset-handler': 0.3.4
'@netlify/functions': 1.6.0
'@rollup/plugin-alias': 5.1.1(rollup@3.29.5)
'@rollup/plugin-commonjs': 24.1.0(rollup@3.29.5)
'@rollup/plugin-inject': 5.0.5(rollup@3.29.5)
'@rollup/plugin-json': 6.1.0(rollup@3.29.5)
'@rollup/plugin-node-resolve': 15.3.0(rollup@3.29.5)
'@rollup/plugin-replace': 5.0.7(rollup@3.29.5)
'@rollup/plugin-terser': 0.4.4(rollup@3.29.5)
'@rollup/plugin-wasm': 6.2.2(rollup@3.29.5)
'@rollup/pluginutils': 5.1.3(rollup@3.29.5)
'@vercel/nft': 0.22.6(encoding@0.1.13)
archiver: 5.3.2
c12: 1.11.2(magicast@0.3.5)
chalk: 5.3.0
chokidar: 3.6.0
consola: 3.2.3
cookie-es: 0.5.0
defu: 6.1.4
destr: 1.2.2
dot-prop: 7.2.0
esbuild: 0.17.19
escape-string-regexp: 5.0.0
etag: 1.8.1
fs-extra: 11.2.0
globby: 13.2.2
gzip-size: 7.0.0
h3: 1.13.0
hookable: 5.5.3
http-proxy: 1.18.1
is-primitive: 3.0.1
jiti: 1.21.6
klona: 2.0.6
knitwork: 1.1.0
listhen: 1.9.0
mime: 3.0.0
mlly: 1.7.2
mri: 1.2.0
node-fetch-native: 1.6.4
ofetch: 1.4.1
ohash: 1.1.4
pathe: 1.1.2
perfect-debounce: 0.1.3
pkg-types: 1.2.1
pretty-bytes: 6.1.1
radix3: 1.1.2
rollup: 3.29.5
rollup-plugin-visualizer: 5.12.0(rollup@3.29.5)
scule: 1.3.0
semver: 7.6.3
serve-placeholder: 2.0.2
serve-static: 1.16.2
source-map-support: 0.5.21
std-env: 3.7.0
ufo: 1.5.4
unenv: 1.10.0
unimport: 3.13.1(rollup@3.29.5)(webpack-sources@3.2.3)
unstorage: 1.13.0(ioredis@5.4.1)
transitivePeerDependencies:
- '@azure/app-configuration'
- '@azure/cosmos'
- '@azure/data-tables'
- '@azure/identity'
- '@azure/keyvault-secrets'
- '@azure/storage-blob'
- '@capacitor/preferences'
- '@netlify/blobs'
- '@planetscale/database'
- '@upstash/redis'
- '@vercel/kv'
- debug
- encoding
- idb-keyval
- ioredis
- magicast
- supports-color
- uWebSockets.js
- webpack-sources
nitropack@2.9.7(encoding@0.1.13)(magicast@0.3.5):
dependencies: dependencies:
'@cloudflare/kv-asset-handler': 0.3.4 '@cloudflare/kv-asset-handler': 0.3.4
'@netlify/functions': 2.8.2 '@netlify/functions': 2.8.2
@ -12136,9 +12029,9 @@ snapshots:
uncrypto: 0.1.3 uncrypto: 0.1.3
unctx: 2.3.1(webpack-sources@3.2.3) unctx: 2.3.1(webpack-sources@3.2.3)
unenv: 1.10.0 unenv: 1.10.0
unimport: 3.13.1(rollup@4.24.3) unimport: 3.13.1(rollup@4.24.3)(webpack-sources@3.2.3)
unstorage: 1.13.0(ioredis@5.4.1) unstorage: 1.13.0(ioredis@5.4.1)
unwasm: 0.3.9 unwasm: 0.3.9(webpack-sources@3.2.3)
transitivePeerDependencies: transitivePeerDependencies:
- '@azure/app-configuration' - '@azure/app-configuration'
- '@azure/cosmos' - '@azure/cosmos'
@ -12287,14 +12180,14 @@ snapshots:
- supports-color - supports-color
- webpack-sources - webpack-sources
nuxt@3.3.2(@types/node@18.19.63)(encoding@0.1.13)(eslint@8.57.1)(ioredis@5.4.1)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.24.3)(terser@5.36.0)(typescript@5.6.3): nuxt@3.3.2(@types/node@18.19.63)(encoding@0.1.13)(eslint@8.57.1)(ioredis@5.4.1)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.24.3)(terser@5.36.0)(typescript@5.6.3)(webpack-sources@3.2.3):
dependencies: dependencies:
'@nuxt/devalue': 2.0.2 '@nuxt/devalue': 2.0.2
'@nuxt/kit': 3.3.2(magicast@0.3.5)(rollup@4.24.3) '@nuxt/kit': 3.3.2(magicast@0.3.5)(rollup@4.24.3)(webpack-sources@3.2.3)
'@nuxt/schema': 3.3.2(magicast@0.3.5)(rollup@4.24.3) '@nuxt/schema': 3.3.2(magicast@0.3.5)(rollup@4.24.3)(webpack-sources@3.2.3)
'@nuxt/telemetry': 2.6.0(magicast@0.3.5)(rollup@4.24.3) '@nuxt/telemetry': 2.6.0(magicast@0.3.5)(rollup@4.24.3)(webpack-sources@3.2.3)
'@nuxt/ui-templates': 1.3.4 '@nuxt/ui-templates': 1.3.4
'@nuxt/vite-builder': 3.3.2(@types/node@18.19.63)(eslint@8.57.1)(magicast@0.3.5)(optionator@0.9.4)(terser@5.36.0)(typescript@5.6.3)(vue@3.5.12(typescript@5.6.3)) '@nuxt/vite-builder': 3.3.2(@types/node@18.19.63)(eslint@8.57.1)(magicast@0.3.5)(optionator@0.9.4)(terser@5.36.0)(typescript@5.6.3)(vue@3.5.12(typescript@5.6.3))(webpack-sources@3.2.3)
'@unhead/ssr': 1.11.10 '@unhead/ssr': 1.11.10
'@unhead/vue': 1.11.10(vue@3.5.12(typescript@5.6.3)) '@unhead/vue': 1.11.10(vue@3.5.12(typescript@5.6.3))
'@vue/reactivity': 3.5.12 '@vue/reactivity': 3.5.12
@ -12314,7 +12207,7 @@ snapshots:
knitwork: 1.1.0 knitwork: 1.1.0
magic-string: 0.30.12 magic-string: 0.30.12
mlly: 1.7.2 mlly: 1.7.2
nitropack: 2.3.3(encoding@0.1.13)(ioredis@5.4.1)(magicast@0.3.5) nitropack: 2.3.3(encoding@0.1.13)(ioredis@5.4.1)(magicast@0.3.5)(webpack-sources@3.2.3)
nuxi: 3.3.2 nuxi: 3.3.2
ofetch: 1.4.1 ofetch: 1.4.1
ohash: 1.1.4 ohash: 1.1.4
@ -12325,7 +12218,7 @@ snapshots:
ufo: 1.5.4 ufo: 1.5.4
unctx: 2.3.1(webpack-sources@3.2.3) unctx: 2.3.1(webpack-sources@3.2.3)
unenv: 1.10.0 unenv: 1.10.0
unimport: 3.13.1(rollup@4.24.3) unimport: 3.13.1(rollup@4.24.3)(webpack-sources@3.2.3)
unplugin: 1.15.0(webpack-sources@3.2.3) unplugin: 1.15.0(webpack-sources@3.2.3)
untyped: 1.5.1 untyped: 1.5.1
vue: 3.5.12(typescript@5.6.3) vue: 3.5.12(typescript@5.6.3)
@ -12396,7 +12289,7 @@ snapshots:
knitwork: 1.1.0 knitwork: 1.1.0
magic-string: 0.30.12 magic-string: 0.30.12
mlly: 1.7.2 mlly: 1.7.2
nitropack: 2.3.3(ioredis@5.4.1)(magicast@0.3.5)(webpack-sources@3.2.3) nitropack: 2.3.3(encoding@0.1.13)(ioredis@5.4.1)(magicast@0.3.5)(webpack-sources@3.2.3)
nuxi: 3.3.2 nuxi: 3.3.2
ofetch: 1.4.1 ofetch: 1.4.1
ohash: 1.1.4 ohash: 1.1.4
@ -14026,7 +13919,7 @@ snapshots:
- rollup - rollup
- webpack-sources - webpack-sources
unimport@3.13.1(rollup@4.24.3): unimport@3.13.1(rollup@4.24.3)(webpack-sources@3.2.3):
dependencies: dependencies:
'@rollup/pluginutils': 5.1.3(rollup@4.24.3) '@rollup/pluginutils': 5.1.3(rollup@4.24.3)
acorn: 8.14.0 acorn: 8.14.0
@ -14057,7 +13950,7 @@ snapshots:
universalify@2.0.1: {} universalify@2.0.1: {}
unplugin-vue-components@0.27.0(@babel/parser@7.26.2)(@nuxt/kit@3.13.2(magicast@0.3.5)(rollup@4.24.3))(rollup@4.24.3)(vue@3.5.12(typescript@5.6.3)): unplugin-vue-components@0.27.0(@babel/parser@7.26.2)(@nuxt/kit@3.13.2(magicast@0.3.5)(rollup@4.24.3)(webpack-sources@3.2.3))(rollup@4.24.3)(vue@3.5.12(typescript@5.6.3))(webpack-sources@3.2.3):
dependencies: dependencies:
'@antfu/utils': 0.7.10 '@antfu/utils': 0.7.10
'@rollup/pluginutils': 5.1.3(rollup@4.24.3) '@rollup/pluginutils': 5.1.3(rollup@4.24.3)
@ -14072,7 +13965,7 @@ snapshots:
vue: 3.5.12(typescript@5.6.3) vue: 3.5.12(typescript@5.6.3)
optionalDependencies: optionalDependencies:
'@babel/parser': 7.26.2 '@babel/parser': 7.26.2
'@nuxt/kit': 3.13.2(magicast@0.3.5)(rollup@4.24.3) '@nuxt/kit': 3.13.2(magicast@0.3.5)(rollup@4.24.3)(webpack-sources@3.2.3)
transitivePeerDependencies: transitivePeerDependencies:
- rollup - rollup
- supports-color - supports-color
@ -14122,7 +14015,7 @@ snapshots:
transitivePeerDependencies: transitivePeerDependencies:
- supports-color - supports-color
unwasm@0.3.9: unwasm@0.3.9(webpack-sources@3.2.3):
dependencies: dependencies:
knitwork: 1.1.0 knitwork: 1.1.0
magic-string: 0.30.12 magic-string: 0.30.12
@ -14249,7 +14142,7 @@ snapshots:
optionator: 0.9.4 optionator: 0.9.4
typescript: 5.6.3 typescript: 5.6.3
vite-plugin-inspect@0.7.42(@nuxt/kit@3.13.2(magicast@0.3.5)(rollup@4.24.3))(rollup@4.24.3): vite-plugin-inspect@0.7.42(@nuxt/kit@3.13.2(magicast@0.3.5)(rollup@4.24.3)(webpack-sources@3.2.3))(rollup@4.24.3):
dependencies: dependencies:
'@antfu/utils': 0.7.10 '@antfu/utils': 0.7.10
'@rollup/pluginutils': 5.1.3(rollup@4.24.3) '@rollup/pluginutils': 5.1.3(rollup@4.24.3)
@ -14260,7 +14153,7 @@ snapshots:
picocolors: 1.1.1 picocolors: 1.1.1
sirv: 2.0.4 sirv: 2.0.4
optionalDependencies: optionalDependencies:
'@nuxt/kit': 3.13.2(magicast@0.3.5)(rollup@4.24.3) '@nuxt/kit': 3.13.2(magicast@0.3.5)(rollup@4.24.3)(webpack-sources@3.2.3)
transitivePeerDependencies: transitivePeerDependencies:
- rollup - rollup
- supports-color - supports-color
@ -14312,9 +14205,9 @@ snapshots:
fsevents: 2.3.3 fsevents: 2.3.3
terser: 5.36.0 terser: 5.36.0
vitest-environment-nuxt@1.0.1(@vue/test-utils@2.4.6)(h3@1.13.0)(magicast@0.3.5)(nitropack@2.9.7(encoding@0.1.13)(magicast@0.3.5))(rollup@4.24.3)(vitest@1.6.0(@types/node@18.19.63)(terser@5.36.0))(vue-router@4.4.5(vue@3.5.12(typescript@5.6.3)))(vue@3.5.12(typescript@5.6.3)): vitest-environment-nuxt@1.0.1(@vue/test-utils@2.4.6)(h3@1.13.0)(magicast@0.3.5)(nitropack@2.9.7(encoding@0.1.13)(magicast@0.3.5)(webpack-sources@3.2.3))(rollup@4.24.3)(vitest@1.6.0(@types/node@18.19.63)(terser@5.36.0))(vue-router@4.4.5(vue@3.5.12(typescript@5.6.3)))(vue@3.5.12(typescript@5.6.3))(webpack-sources@3.2.3):
dependencies: dependencies:
'@nuxt/test-utils': 3.14.4(@vue/test-utils@2.4.6)(h3@1.13.0)(magicast@0.3.5)(nitropack@2.9.7(encoding@0.1.13)(magicast@0.3.5))(rollup@4.24.3)(vitest@1.6.0(@types/node@18.19.63)(terser@5.36.0))(vue-router@4.4.5(vue@3.5.12(typescript@5.6.3)))(vue@3.5.12(typescript@5.6.3)) '@nuxt/test-utils': 3.14.4(@vue/test-utils@2.4.6)(h3@1.13.0)(magicast@0.3.5)(nitropack@2.9.7(encoding@0.1.13)(magicast@0.3.5)(webpack-sources@3.2.3))(rollup@4.24.3)(vitest@1.6.0(@types/node@18.19.63)(terser@5.36.0))(vue-router@4.4.5(vue@3.5.12(typescript@5.6.3)))(vue@3.5.12(typescript@5.6.3))(webpack-sources@3.2.3)
transitivePeerDependencies: transitivePeerDependencies:
- '@cucumber/cucumber' - '@cucumber/cucumber'
- '@jest/globals' - '@jest/globals'