@bitrix24/b24ui-nuxt 0.4.6 → 0.4.8

package/dist/module.cjs

@@ -2,7 +2,7 @@
 
 const defu = require('defu');
 const kit = require('@nuxt/kit');
-const templates = require('./shared/b24ui-nuxt.yyScbwpE.cjs');
+const templates = require('./shared/b24ui-nuxt.CH0xlXgy.cjs');
 require('node:url');
 require('scule');
 

package/dist/module.d.cts

@@ -5,7 +5,7 @@ interface ModuleOptions {
     /**
      * Enable or disable `@nuxtjs/color-mode` module
      * @defaultValue `true`
-     * @link https://ui3.nuxt.dev/getting-started/installation#colormode
+     * @link https://bitrix24.github.io/b24ui/guide/color-mode-nuxt.html
      */
     colorMode?: boolean;
 }

package/dist/module.d.mts

@@ -5,7 +5,7 @@ interface ModuleOptions {
     /**
      * Enable or disable `@nuxtjs/color-mode` module
      * @defaultValue `true`
-     * @link https://ui3.nuxt.dev/getting-started/installation#colormode
+     * @link https://bitrix24.github.io/b24ui/guide/color-mode-nuxt.html
      */
     colorMode?: boolean;
 }

package/dist/module.d.ts

@@ -5,7 +5,7 @@ interface ModuleOptions {
     /**
      * Enable or disable `@nuxtjs/color-mode` module
      * @defaultValue `true`
-     * @link https://ui3.nuxt.dev/getting-started/installation#colormode
+     * @link https://bitrix24.github.io/b24ui/guide/color-mode-nuxt.html
      */
     colorMode?: boolean;
 }

package/dist/module.json

@@ -5,7 +5,7 @@
     "nuxt": ">=3.16.0"
   },
   "docs": "https://bitrix24.github.io/b24ui/guide/installation-nuxt-app.html",
-  "version": "0.4.6",
+  "version": "0.4.8",
   "builder": {
     "@nuxt/module-builder": "0.8.4",
     "unbuild": "2.0.0"

package/dist/module.mjs

@@ -1,6 +1,6 @@
 import { defu } from 'defu';
 import { defineNuxtModule, createResolver, addVitePlugin, addPlugin, addComponentsDir, addImportsDir, hasNuxtModule, installModule } from '@nuxt/kit';
-import { d as defaultOptions, a as getDefaultUiConfig, b as addTemplates } from './shared/b24ui-nuxt.BiEJAB1L.mjs';
+import { d as defaultOptions, a as getDefaultUiConfig, b as addTemplates } from './shared/b24ui-nuxt.D6rkGFKm.mjs';
 import 'node:url';
 import 'scule';
 

package/dist/runtime/components/Calendar.vue

@@ -0,0 +1,211 @@
+<script lang="ts">
+import type { VariantProps } from 'tailwind-variants'
+import type { CalendarRootProps, CalendarRootEmits, RangeCalendarRootEmits, DateRange, CalendarCellTriggerProps } from 'reka-ui'
+import type { DateValue } from '@internationalized/date'
+import type { AppConfig } from '@nuxt/schema'
+import _appConfig from '#build/app.config'
+import theme from '#build/b24ui/calendar'
+import { tv } from '../utils/tv'
+import type { IconComponent } from '../types'
+import type { PartialString } from '../types/utils'
+
+const appConfigCalendar = _appConfig as AppConfig & { b24ui: { calendar: Partial<typeof theme> } }
+
+const calendar = tv({ extend: tv(theme), ...(appConfigCalendar.b24ui?.calendar || {}) })
+
+type CalendarVariants = VariantProps<typeof calendar>
+
+type CalendarModelValue<R extends boolean = false, M extends boolean = false> = R extends true
+  ? DateRange
+  : M extends true
+    ? DateValue[]
+    : DateValue
+
+export interface CalendarProps<R extends boolean, M extends boolean> extends Omit<CalendarRootProps, 'as' | 'asChild' | 'modelValue' | 'defaultValue' | 'dir' | 'locale' | 'calendarLabel' | 'multiple'> {
+  /**
+   * The element or component this component should render as.
+   * @defaultValue 'div'
+   */
+  as?: any
+  /**
+   * The icon to use for the next year control.
+   * @defaultValue icons.chevronDoubleRight
+   * @IconComponent
+   */
+  nextYearIcon?: IconComponent
+  /**
+   * The icon to use for the next month control.
+   * @defaultValue icons.chevronRight
+   * @IconComponent
+   */
+  nextMonthIcon?: IconComponent
+  /**
+   * The icon to use for the previous year control.
+   * @defaultValue icons.chevronDoubleLeft
+   * @IconComponent
+   */
+  prevYearIcon?: IconComponent
+  /**
+   * The icon to use for the previous month control.
+   * @defaultValue icons.chevronLeft
+   * @IconComponent
+   */
+  prevMonthIcon?: IconComponent
+  /**
+   * @defaultValue 'primary'
+   */
+  color?: CalendarVariants['color']
+  /**
+   * @defaultValue 'md'
+   */
+  size?: CalendarVariants['size']
+  /** Whether a range of dates can be selected */
+  range?: R & boolean
+  /** Whether multiple dates can be selected */
+  multiple?: M & boolean
+  /** Show month controls */
+  monthControls?: boolean
+  /** Show year controls */
+  yearControls?: boolean
+  defaultValue?: CalendarModelValue<R, M>
+  modelValue?: CalendarModelValue<R, M>
+  class?: any
+  b24ui?: PartialString<typeof calendar.slots>
+}
+
+export interface CalendarEmits<R extends boolean, M extends boolean> extends Omit<CalendarRootEmits & RangeCalendarRootEmits, 'update:modelValue'> {
+  'update:modelValue': [date: CalendarModelValue<R, M>]
+}
+
+export interface CalendarSlots {
+  'heading': (props: { value: string }) => any
+  'day': (props: Pick<CalendarCellTriggerProps, 'day'>) => any
+  'week-day': (props: { day: string }) => any
+}
+</script>
+
+<script setup lang="ts" generic="R extends boolean = false, M extends boolean = false">
+import { computed } from 'vue'
+import { useForwardPropsEmits } from 'reka-ui'
+import { Calendar as SingleCalendar, RangeCalendar } from 'reka-ui/namespaced'
+import { reactiveOmit } from '@vueuse/core'
+import { useLocale } from '../composables/useLocale'
+import icons from '../dictionary/icons'
+import B24Button from './Button.vue'
+
+const props = withDefaults(defineProps<CalendarProps<R, M>>(), {
+  fixedWeeks: true,
+  monthControls: true,
+  yearControls: true
+})
+const emits = defineEmits<CalendarEmits<R, M>>()
+defineSlots<CalendarSlots>()
+
+const { code: locale, dir, t } = useLocale()
+
+const rootProps = useForwardPropsEmits(reactiveOmit(props, 'range', 'modelValue', 'defaultValue', 'color', 'size', 'monthControls', 'yearControls', 'class', 'b24ui'), emits)
+
+const nextYearIcon = computed(() => props.nextYearIcon || (dir.value === 'rtl' ? icons.chevronDoubleLeft : icons.chevronDoubleRight))
+const nextMonthIcon = computed(() => props.nextMonthIcon || (dir.value === 'rtl' ? icons.chevronLeft : icons.chevronRight))
+const prevYearIcon = computed(() => props.prevYearIcon || (dir.value === 'rtl' ? icons.chevronDoubleRight : icons.chevronDoubleLeft))
+const prevMonthIcon = computed(() => props.prevMonthIcon || (dir.value === 'rtl' ? icons.chevronRight : icons.chevronLeft))
+
+const b24ui = computed(() => calendar({
+  color: props.color,
+  size: props.size
+}))
+
+function paginateYear(date: DateValue, sign: -1 | 1) {
+  if (sign === -1) {
+    return date.subtract({ years: 1 })
+  }
+
+  return date.add({ years: 1 })
+}
+
+const Calendar = computed(() => props.range ? RangeCalendar : SingleCalendar)
+
+const btnSize = computed(() => {
+  switch (props.size) {
+    case 'lg': return 'sm'
+    default: return 'xs'
+  }
+})
+</script>
+
+<template>
+  <Calendar.Root
+    v-slot="{ weekDays, grid }"
+    v-bind="rootProps"
+    :model-value="(modelValue as CalendarModelValue<true & false>)"
+    :default-value="(defaultValue as CalendarModelValue<true & false>)"
+    :locale="locale"
+    :dir="dir"
+    :class="b24ui.root({ class: [props.class, props.b24ui?.root] })"
+  >
+    <Calendar.Header :class="b24ui.header({ class: props.b24ui?.header })">
+      <Calendar.Prev v-if="props.yearControls" :prev-page="(date: DateValue) => paginateYear(date, -1)" :aria-label="t('calendar.prevYear')" as-child>
+        <B24Button :icon="prevYearIcon" :size="btnSize" color="link" />
+      </Calendar.Prev>
+      <Calendar.Prev v-if="props.monthControls" :aria-label="t('calendar.prevMonth')" as-child>
+        <B24Button :icon="prevMonthIcon" :size="btnSize" color="link" />
+      </Calendar.Prev>
+      <Calendar.Heading v-slot="{ headingValue }" :class="b24ui.heading({ class: props.b24ui?.heading })">
+        <slot name="heading" :value="headingValue">
+          {{ headingValue }}
+        </slot>
+      </Calendar.Heading>
+      <Calendar.Next v-if="props.monthControls" :aria-label="t('calendar.nextMonth')" as-child>
+        <B24Button :icon="nextMonthIcon" :size="btnSize" color="link" />
+      </Calendar.Next>
+      <Calendar.Next v-if="props.yearControls" :next-page="(date: DateValue) => paginateYear(date, 1)" :aria-label="t('calendar.nextYear')" as-child>
+        <B24Button :icon="nextYearIcon" :size="btnSize" color="link" />
+      </Calendar.Next>
+    </Calendar.Header>
+    <div :class="b24ui.body({ class: props.b24ui?.body })">
+      <Calendar.Grid
+        v-for="month in grid"
+        :key="month.value.toString()"
+        :class="b24ui.grid({ class: props.b24ui?.grid })"
+      >
+        <Calendar.GridHead>
+          <Calendar.GridRow :class="b24ui.gridWeekDaysRow({ class: props.b24ui?.gridWeekDaysRow })">
+            <Calendar.HeadCell
+              v-for="day in weekDays"
+              :key="day"
+              :class="b24ui.headCell({ class: props.b24ui?.headCell })"
+            >
+              <slot name="week-day" :day="day">
+                {{ day }}
+              </slot>
+            </Calendar.HeadCell>
+          </Calendar.GridRow>
+        </Calendar.GridHead>
+        <Calendar.GridBody :class="b24ui.gridBody({ class: props.b24ui?.gridBody })">
+          <Calendar.GridRow
+            v-for="(weekDates, index) in month.rows"
+            :key="`weekDate-${index}`"
+            :class="b24ui.gridRow({ class: props.b24ui?.gridRow })"
+          >
+            <Calendar.Cell
+              v-for="weekDate in weekDates"
+              :key="weekDate.toString()"
+              :date="weekDate"
+              :class="b24ui.cell({ class: props.b24ui?.cell })"
+            >
+              <Calendar.CellTrigger
+                :day="weekDate"
+                :month="month.value"
+                :class="b24ui.cellTrigger({ class: props.b24ui?.cellTrigger })"
+              >
+                <slot name="day" :day="weekDate">
+                  {{ weekDate.day }}
+                </slot>
+              </Calendar.CellTrigger>
+            </Calendar.Cell>
+          </Calendar.GridRow>
+        </Calendar.GridBody>
+      </Calendar.Grid>
+    </div>
+  </Calendar.Root>
+</template>

package/dist/runtime/components/Form.vue

@@ -29,7 +29,7 @@ export interface FormEmits<T extends object> {
 }
 
 export interface FormSlots {
-  default(props?: {}): any
+  default(props?: { errors: FormError[] }): any
 }
 </script>
 
@@ -120,7 +120,7 @@ const blurredFields = new Set<keyof T>()
 function resolveErrorIds(errs: FormError[]): FormErrorWithId[] {
   return errs.map(err => ({
     ...err,
-    id: inputs.value[err.name]?.id
+    id: err?.name ? inputs.value[err.name]?.id : undefined
   }))
 }
 
@@ -158,12 +158,12 @@ async function _validate(opts: { name?: keyof T | (keyof T)[], silent?: boolean,
   if (names) {
     const otherErrors = errors.value.filter(error => !names.some((name) => {
       const pattern = inputs.value?.[name]?.pattern
-      return name === error.name || (pattern && error.name.match(pattern))
+      return name === error.name || (pattern && error.name?.match(pattern))
     }))
 
     const pathErrors = (await getErrors()).filter(error => names.some((name) => {
       const pattern = inputs.value?.[name]?.pattern
-      return name === error.name || (pattern && error.name.match(pattern))
+      return name === error.name || (pattern && error.name?.match(pattern))
     }))
 
     errors.value = otherErrors.concat(pathErrors)
@@ -268,6 +268,6 @@ defineExpose<Form<T>>({
     :class="form({ class: props.class })"
     @submit.prevent="onSubmitWrapper"
   >
-    <slot />
+    <slot :errors="errors" />
   </component>
 </template>

package/dist/runtime/components/FormField.vue

@@ -68,7 +68,7 @@ const b24ui = computed(() => formField({
 
 const formErrors = inject<Ref<FormError[]> | null>('form-errors', null)
 
-const error = computed(() => props.error || formErrors?.value?.find(error => error.name === props.name || (props.errorPattern && error.name.match(props.errorPattern)))?.message)
+const error = computed(() => props.error || formErrors?.value?.find(error => error.name && (error.name === props.name || (props.errorPattern && error.name.match(props.errorPattern))))?.message)
 
 const id = ref(useId())
 // Copies id's initial value to bind aria-attributes such as aria-describedby.

package/dist/runtime/components/Popover.vue

@@ -0,0 +1,105 @@
+<script lang="ts">
+import type { PopoverRootProps, HoverCardRootProps, PopoverRootEmits, PopoverContentProps, PopoverArrowProps } from 'reka-ui'
+import type { AppConfig } from '@nuxt/schema'
+import _appConfig from '#build/app.config'
+import theme from '#build/b24ui/popover'
+import { tv } from '../utils/tv'
+
+const appConfigPopover = _appConfig as AppConfig & { b24ui: { popover: Partial<typeof theme> } }
+
+const popover = tv({ extend: tv(theme), ...(appConfigPopover.b24ui?.popover || {}) })
+
+export interface PopoverProps extends PopoverRootProps, Pick<HoverCardRootProps, 'openDelay' | 'closeDelay'> {
+  /**
+   * The display mode of the popover.
+   * @defaultValue 'click'
+   */
+  mode?: 'click' | 'hover'
+  /**
+   * The content of the popover.
+   * @defaultValue { side: 'bottom', sideOffset: 8, collisionPadding: 8 }
+   */
+  content?: Omit<PopoverContentProps, 'as' | 'asChild' | 'forceMount'>
+  /**
+   * Display an arrow alongside the popover.
+   * @defaultValue false
+   */
+  arrow?: boolean | Omit<PopoverArrowProps, 'as' | 'asChild'>
+  /**
+   * Render the popover in a portal.
+   * @defaultValue true
+   */
+  portal?: boolean
+  /**
+   * When `false`, the popover will not close when clicking outside or pressing escape.
+   * @defaultValue true
+   */
+  dismissible?: boolean
+  class?: any
+  b24ui?: Partial<typeof popover.slots>
+}
+
+export interface PopoverEmits extends PopoverRootEmits {}
+
+export interface PopoverSlots {
+  default(props: { open: boolean }): any
+  content(props?: {}): any
+}
+</script>
+
+<script setup lang="ts">
+import { computed, toRef } from 'vue'
+import { defu } from 'defu'
+import { useForwardPropsEmits } from 'reka-ui'
+import { Popover, HoverCard } from 'reka-ui/namespaced'
+import { reactivePick } from '@vueuse/core'
+
+const props = withDefaults(defineProps<PopoverProps>(), {
+  portal: true,
+  mode: 'click',
+  openDelay: 0,
+  closeDelay: 0,
+  dismissible: true
+})
+const emits = defineEmits<PopoverEmits>()
+const slots = defineSlots<PopoverSlots>()
+
+const pick = props.mode === 'hover' ? reactivePick(props, 'defaultOpen', 'open', 'openDelay', 'closeDelay') : reactivePick(props, 'defaultOpen', 'open', 'modal')
+const rootProps = useForwardPropsEmits(pick, emits)
+const contentProps = toRef(() => defu(props.content, { side: 'bottom', sideOffset: 8, collisionPadding: 8 }) as PopoverContentProps)
+const contentEvents = computed(() => {
+  if (!props.dismissible) {
+    return {
+      pointerDownOutside: (e: Event) => e.preventDefault(),
+      interactOutside: (e: Event) => e.preventDefault(),
+      escapeKeyDown: (e: Event) => e.preventDefault()
+    }
+  }
+
+  return {}
+})
+const arrowProps = toRef(() => props.arrow as PopoverArrowProps)
+
+// eslint-disable-next-line vue/no-dupe-keys
+const b24ui = computed(() => popover({
+  side: contentProps.value.side
+}))
+
+const Component = computed(() => props.mode === 'hover' ? HoverCard : Popover)
+</script>
+
+<template>
+  <Component.Root v-slot="{ open }" v-bind="rootProps">
+    <Component.Trigger v-if="!!slots.default" as-child :class="props.class">
+      <slot :open="open" />
+    </Component.Trigger>
+
+    <Component.Portal :disabled="!portal">
+      <Component.Content v-bind="contentProps" :class="b24ui.content({ class: [!slots.default && props.class, props.b24ui?.content] })" v-on="contentEvents">
+        <slot name="content" />
+
+        <Component.Arrow v-if="!!arrow" v-bind="arrowProps" :class="b24ui.arrow({ class: props.b24ui?.arrow })" />
+      </Component.Content>
+    </Component.Portal>
+  </Component.Root>
+</template>

package/dist/runtime/composables/defineLocale.d.ts

@@ -2,6 +2,7 @@ import type { Locale, Direction } from '../types/locale';
 interface DefineLocaleOptions<M> {
     name: string;
     code: string;
+    locale: string;
     dir?: Direction;
     messages: M;
 }

package/dist/runtime/dictionary/icons.d.ts

@@ -1,3 +1,8 @@
+/**
+ * Default icons
+ * ---
+ * @link https://bitrix24.github.io/b24icons/
+ */
 declare const _default: {
     arrowLeft: import("vue").FunctionalComponent<import("vue").HTMLAttributes & import("vue").VNodeProps, {}, any, {}>;
     arrowRight: import("vue").FunctionalComponent<import("vue").HTMLAttributes & import("vue").VNodeProps, {}, any, {}>;

package/dist/runtime/dictionary/icons.js

@@ -6,6 +6,7 @@ import ChevronDownIcon from "@bitrix24/b24icons-vue/actions/ChevronDownIcon";
 import ChevronToTheLeftIcon from "@bitrix24/b24icons-vue/actions/ChevronToTheLeftIcon";
 import ChevronToTheRightIcon from "@bitrix24/b24icons-vue/actions/ChevronToTheRightIcon";
 import DoubleShevronsRightIcon from "@bitrix24/b24icons-vue/actions/DoubleShevronsRightIcon";
+import DoubleShevronsLeftIcon from "@bitrix24/b24icons-vue/actions/DoubleShevronsLeftIcon";
 import Cross30Icon from "@bitrix24/b24icons-vue/actions/Cross30Icon";
 import DotsIcon from "@bitrix24/b24icons-vue/button/DotsIcon";
 import OpenIn50Icon from "@bitrix24/b24icons-vue/actions/OpenIn50Icon";
@@ -18,7 +19,7 @@ export default {
   arrowLeft: ArrowToTheLeftIcon,
   arrowRight: ArrowToTheRightIcon,
   check: CheckIcon,
-  chevronDoubleLeft: ChevronToTheLeftIcon,
+  chevronDoubleLeft: DoubleShevronsLeftIcon,
   chevronDoubleRight: DoubleShevronsRightIcon,
   chevronDown: ChevronDownIcon,
   chevronLeft: ChevronToTheLeftIcon,

package/dist/runtime/locale/ar.js

@@ -2,6 +2,7 @@ import { defineLocale } from "../composables/defineLocale.js";
 export default defineLocale({
   name: "\u0639\u0631\u0628\u064A,",
   code: "ar",
+  locale: "ar",
   dir: "rtl",
   messages: {
     inputMenu: {

package/dist/runtime/locale/br.js

@@ -2,6 +2,7 @@ import { defineLocale } from "../composables/defineLocale.js";
 export default defineLocale({
   name: "Portugu\xEAs (Brasil)",
   code: "br",
+  locale: "pt-BR",
   messages: {
     inputMenu: {
       noMatch: "Nenhum dado correspondente",

package/dist/runtime/locale/de.js

@@ -2,6 +2,7 @@ import { defineLocale } from "../composables/defineLocale.js";
 export default defineLocale({
   name: "Deutsch",
   code: "de",
+  locale: "de",
   messages: {
     inputMenu: {
       noMatch: "Nichts gefunden",

package/dist/runtime/locale/en.js

@@ -2,6 +2,7 @@ import { defineLocale } from "../composables/defineLocale.js";
 export default defineLocale({
   name: "English",
   code: "en",
+  locale: "en",
   messages: {
     inputMenu: {
       noMatch: "No matching data",

package/dist/runtime/locale/fr.js

@@ -2,6 +2,7 @@ import { defineLocale } from "../composables/defineLocale.js";
 export default defineLocale({
   name: "Fran\xE7ais",
   code: "fr",
+  locale: "fr",
   messages: {
     inputMenu: {
       noMatch: "Aucune donn\xE9e correspondante",

package/dist/runtime/locale/id.js

@@ -2,6 +2,7 @@ import { defineLocale } from "../composables/defineLocale.js";
 export default defineLocale({
   name: "Bahasa Indonesia",
   code: "id",
+  locale: "id",
   messages: {
     inputMenu: {
       noMatch: "Tidak ada data yang cocok",

package/dist/runtime/locale/it.js

@@ -2,6 +2,7 @@ import { defineLocale } from "../composables/defineLocale.js";
 export default defineLocale({
   name: "Italiano",
   code: "it",
+  locale: "it",
   messages: {
     inputMenu: {
       noMatch: "Nessun dato corrispondente",

package/dist/runtime/locale/ja.js

@@ -2,6 +2,7 @@ import { defineLocale } from "../composables/defineLocale.js";
 export default defineLocale({
   name: "\u65E5\u672C\u8A9E",
   code: "ja",
+  locale: "ja",
   messages: {
     inputMenu: {
       noMatch: "\u4E00\u81F4\u3059\u308B\u30C7\u30FC\u30BF\u304C\u3042\u308A\u307E\u305B\u3093",

package/dist/runtime/locale/kz.js

@@ -2,6 +2,7 @@ import { defineLocale } from "../composables/defineLocale.js";
 export default defineLocale({
   name: "\u049A\u0430\u0437\u0430\u049B\u0448\u0430",
   code: "kz",
+  locale: "kk",
   messages: {
     inputMenu: {
       noMatch: "\u0421\u04D9\u0439\u043A\u0435\u0441 \u0434\u0435\u0440\u0435\u043A\u0442\u0435\u0440 \u0436\u043E\u049B",

package/dist/runtime/locale/la.js

@@ -2,6 +2,7 @@ import { defineLocale } from "../composables/defineLocale.js";
 export default defineLocale({
   name: "Espa\xF1ol",
   code: "la",
+  locale: "es",
   messages: {
     inputMenu: {
       noMatch: "No hay datos coincidentes",

package/dist/runtime/locale/ms.js

@@ -2,6 +2,7 @@ import { defineLocale } from "../composables/defineLocale.js";
 export default defineLocale({
   name: "Bahasa Melayu",
   code: "ms",
+  locale: "ms",
   messages: {
     inputMenu: {
       noMatch: "Tiada data yang sepadan",

package/dist/runtime/locale/pl.js

@@ -2,6 +2,7 @@ import { defineLocale } from "../composables/defineLocale.js";
 export default defineLocale({
   name: "Polski",
   code: "pl",
+  locale: "pl",
   messages: {
     inputMenu: {
       noMatch: "Brak pasuj\u0105cych danych",

package/dist/runtime/locale/ru.js

@@ -2,6 +2,7 @@ import { defineLocale } from "../composables/defineLocale.js";
 export default defineLocale({
   name: "\u0420\u0443\u0441\u0441\u043A\u0438\u0439",
   code: "ru",
+  locale: "ru",
   messages: {
     inputMenu: {
       noMatch: "\u0421\u043E\u0432\u043F\u0430\u0434\u0435\u043D\u0438\u0439 \u043D\u0435 \u043D\u0430\u0439\u0434\u0435\u043D\u043E",

package/dist/runtime/locale/sc.js

@@ -2,6 +2,7 @@ import { defineLocale } from "../composables/defineLocale.js";
 export default defineLocale({
   name: "\u4E2D\u6587\uFF08\u7B80\u4F53\uFF09",
   code: "sc",
+  locale: "zh-CN",
   messages: {
     inputMenu: {
       noMatch: "\u6CA1\u6709\u5339\u914D\u7684\u6570\u636E",

package/dist/runtime/locale/tc.js

@@ -2,6 +2,7 @@ import { defineLocale } from "../composables/defineLocale.js";
 export default defineLocale({
   name: "\u4E2D\u6587\uFF08\u7E41\u9AD4)",
   code: "tc",
+  locale: "zh-TW",
   messages: {
     inputMenu: {
       noMatch: "\u6C92\u6709\u76F8\u7B26\u7684\u8CC7\u6599",

package/dist/runtime/locale/th.js

@@ -2,6 +2,7 @@ import { defineLocale } from "../composables/defineLocale.js";
 export default defineLocale({
   name: "\u0E20\u0E32\u0E29\u0E32\u0E44\u0E17\u0E22",
   code: "th",
+  locale: "th",
   messages: {
     inputMenu: {
       noMatch: "\u0E44\u0E21\u0E48\u0E1E\u0E1A\u0E02\u0E49\u0E2D\u0E21\u0E39\u0E25\u0E17\u0E35\u0E48\u0E15\u0E23\u0E07\u0E01\u0E31\u0E19",

package/dist/runtime/locale/tr.js

@@ -2,6 +2,7 @@ import { defineLocale } from "../composables/defineLocale.js";
 export default defineLocale({
   name: "T\xFCrk\xE7e",
   code: "tr",
+  locale: "tr",
   messages: {
     inputMenu: {
       noMatch: "E\u015Fle\u015Fen veri yok",

package/dist/runtime/locale/ua.js

@@ -2,6 +2,7 @@ import { defineLocale } from "../composables/defineLocale.js";
 export default defineLocale({
   name: "\u0423\u043A\u0440\u0430\u0457\u043D\u0441\u044C\u043A\u0430",
   code: "ua",
+  locale: "uk",
   messages: {
     inputMenu: {
       noMatch: "\u0417\u0431\u0456\u0433\u0456\u0432 \u043D\u0435 \u0437\u043D\u0430\u0439\u0434\u0435\u043D\u043E",

package/dist/runtime/locale/vn.js

@@ -2,6 +2,7 @@ import { defineLocale } from "../composables/defineLocale.js";
 export default defineLocale({
   name: "Ti\u1EBFng Vi\u1EC7t",
   code: "vn",
+  locale: "vi",
   messages: {
     inputMenu: {
       noMatch: "Kh\xF4ng c\xF3 k\u1EBFt qu\u1EA3 ph\xF9 h\u1EE3p",

package/dist/runtime/plugins/colors.js

@@ -38,5 +38,7 @@ export default defineNuxtPlugin(() => {
       }];
     }
   }
-  useHead(headData);
+  if (!nuxtApp.isVue) {
+    useHead(headData);
+  }
 });

package/dist/runtime/types/form.d.ts

@@ -27,7 +27,7 @@ export interface Form<T extends object> {
 export type FormSchema<T extends object> = ZodSchema | YupObjectSchema<T> | ValibotSchema | ValibotSchemaAsync | ValibotSafeParser<any, any> | ValibotSafeParserAsync<any, any> | JoiSchema<T> | SuperstructSchema<any, any> | StandardSchemaV1;
 export type FormInputEvents = 'input' | 'blur' | 'change' | 'focus';
 export interface FormError<P extends string = string> {
-    name: P;
+    name?: P;
     message: string;
 }
 export interface FormErrorWithId extends FormError {