fix(components): accept partial config in ui prop (#2235)

nuxt · Sep 23, 2024 · eecf4f7 · eecf4f7
1 parent ea05414
commit eecf4f7
Show file tree

Hide file tree

Showing 40 changed files with 83 additions and 83 deletions.
diff --git a/src/runtime/components/data/Table.vue b/src/runtime/components/data/Table.vue
@@ -121,7 +121,7 @@ import UProgress from '../elements/Progress.vue'
 import UCheckbox from '../forms/Checkbox.vue'
 import { useUI } from '../../composables/useUI'
 import { mergeConfig, get } from '../../utils'
-import type { Strategy, Button, ProgressColor, ProgressAnimation } from '../../types/index'
+import type { Strategy, Button, ProgressColor, ProgressAnimation, DeepPartial } from '../../types/index'
 // @ts-expect-error
 import appConfig from '#build/app.config'
 import { table } from '#ui/ui.config'
@@ -232,7 +232,7 @@ export default defineComponent({
  default: () => ''
  },
  ui: {
- type: Object as PropType<Partial<typeof config> & { strategy?: Strategy }>,
+ type: Object as PropType<DeepPartial<typeof config> & { strategy?: Strategy }>,
  default: () => ({})
  }
  },

diff --git a/src/runtime/components/elements/Accordion.vue b/src/runtime/components/elements/Accordion.vue
@@ -73,7 +73,7 @@ import UIcon from '../elements/Icon.vue'
 import UButton from '../elements/Button.vue'
 import { useUI } from '../../composables/useUI'
 import { mergeConfig, omit } from '../../utils'
-import type { AccordionItem, Strategy } from '../../types/index'
+import type { AccordionItem, DeepPartial, Strategy } from '../../types/index'
 // @ts-expect-error
 import appConfig from '#build/app.config'
 import { accordion, button } from '#ui/ui.config'
@@ -122,7 +122,7 @@ export default defineComponent({
  default: () => ''
  },
  ui: {
- type: Object as PropType<Partial<typeof config> & { strategy?: Strategy }>,
+ type: Object as PropType<DeepPartial<typeof config> & { strategy?: Strategy }>,
  default: () => ({})
  }
  },

diff --git a/src/runtime/components/elements/Alert.vue b/src/runtime/components/elements/Alert.vue
@@ -47,7 +47,7 @@ import UIcon from '../elements/Icon.vue'
 import UAvatar from '../elements/Avatar.vue'
 import UButton from '../elements/Button.vue'
 import { useUI } from '../../composables/useUI'
-import type { Avatar, Button, AlertColor, AlertVariant, AlertAction, Strategy } from '../../types/index'
+import type { Avatar, Button, AlertColor, AlertVariant, AlertAction, Strategy, DeepPartial } from '../../types/index'
 import { mergeConfig } from '../../utils'
 // @ts-expect-error
 import appConfig from '#build/app.config'
@@ -109,7 +109,7 @@ export default defineComponent({
  default: () => ''
  },
  ui: {
- type: Object as PropType<Partial<typeof config> & { strategy?: Strategy }>,
+ type: Object as PropType<DeepPartial<typeof config> & { strategy?: Strategy }>,
  default: () => ({})
  }
  },

diff --git a/src/runtime/components/elements/Avatar.vue b/src/runtime/components/elements/Avatar.vue
@@ -27,7 +27,7 @@ import { twMerge, twJoin } from 'tailwind-merge'
 import UIcon from '../elements/Icon.vue'
 import { useUI } from '../../composables/useUI'
 import { mergeConfig } from '../../utils'
-import type { AvatarSize, AvatarChipColor, AvatarChipPosition, Strategy } from '../../types/index'
+import type { AvatarSize, AvatarChipColor, AvatarChipPosition, Strategy, DeepPartial } from '../../types/index'
 // @ts-expect-error
 import appConfig from '#build/app.config'
 import { avatar } from '#ui/ui.config'
@@ -94,7 +94,7 @@ export default defineComponent({
  default: () => ''
  },
  ui: {
- type: Object as PropType<Partial<typeof config> & { strategy?: Strategy }>,
+ type: Object as PropType<DeepPartial<typeof config> & { strategy?: Strategy }>,
  default: () => ({})
  }
  },

diff --git a/src/runtime/components/elements/Badge.vue b/src/runtime/components/elements/Badge.vue
@@ -11,7 +11,7 @@ import { twMerge, twJoin } from 'tailwind-merge'
 import { useUI } from '../../composables/useUI'
 import { mergeConfig } from '../../utils'
 import { useInjectButtonGroup } from '../../composables/useButtonGroup'
-import type { BadgeColor, BadgeSize, BadgeVariant, Strategy } from '../../types/index'
+import type { BadgeColor, BadgeSize, BadgeVariant, DeepPartial, Strategy } from '../../types/index'
 // @ts-expect-error
 import appConfig from '#build/app.config'
 import { badge } from '#ui/ui.config'
@@ -54,7 +54,7 @@ export default defineComponent({
  default: () => ''
  },
  ui: {
- type: Object as PropType<Partial<typeof config> & { strategy?: Strategy }>,
+ type: Object as PropType<DeepPartial<typeof config> & { strategy?: Strategy }>,
  default: () => ({})
  }
  },

diff --git a/src/runtime/components/elements/Button.vue b/src/runtime/components/elements/Button.vue
@@ -25,7 +25,7 @@ import ULink from '../elements/Link.vue'
 import { useUI } from '../../composables/useUI'
 import { mergeConfig, nuxtLinkProps, getNuxtLinkProps } from '../../utils'
 import { useInjectButtonGroup } from '../../composables/useButtonGroup'
-import type { ButtonColor, ButtonSize, ButtonVariant, Strategy } from '../../types/index'
+import type { ButtonColor, ButtonSize, ButtonVariant, DeepPartial, Strategy } from '../../types/index'
 // @ts-expect-error
 import appConfig from '#build/app.config'
 import { button } from '#ui/ui.config'
@@ -125,7 +125,7 @@ export default defineComponent({
  default: () => ''
  },
  ui: {
- type: Object as PropType<Partial<typeof config> & { strategy?: Strategy }>,
+ type: Object as PropType<DeepPartial<typeof config> & { strategy?: Strategy }>,
  default: () => ({})
  }
  },

diff --git a/src/runtime/components/elements/Carousel.vue b/src/runtime/components/elements/Carousel.vue
@@ -61,7 +61,7 @@ import type { PropType } from 'vue'
 import { twMerge } from 'tailwind-merge'
 import { mergeConfig } from '../../utils'
 import UButton from '../elements/Button.vue'
-import type { Strategy, Button } from '../../types/index'
+import type { Strategy, Button, DeepPartial } from '../../types/index'
 import { useUI } from '../../composables/useUI'
 import { useCarouselScroll } from '../../composables/useCarouselScroll'
 import { useScroll, useResizeObserver, useElementSize } from '@vueuse/core'
@@ -102,7 +102,7 @@ export default defineComponent({
  default: () => ''
  },
  ui: {
- type: Object as PropType<Partial<typeof config & { strategy?: Strategy }>>,
+ type: Object as PropType<DeepPartial<typeof config & { strategy?: Strategy }>>,
  default: undefined
  }
  },

diff --git a/src/runtime/components/elements/Chip.vue b/src/runtime/components/elements/Chip.vue
@@ -16,7 +16,7 @@ import type { PropType } from 'vue'
 import { twJoin } from 'tailwind-merge'
 import { useUI } from '../../composables/useUI'
 import { mergeConfig } from '../../utils'
-import type { ChipSize, ChipColor, ChipPosition, Strategy } from '../../types/index'
+import type { ChipSize, ChipColor, ChipPosition, Strategy, DeepPartial } from '../../types/index'
 // @ts-expect-error
 import appConfig from '#build/app.config'
 import { chip } from '#ui/ui.config'
@@ -64,7 +64,7 @@ export default defineComponent({
  default: () => ''
  },
  ui: {
- type: Object as PropType<Partial<typeof config> & { strategy?: Strategy }>,
+ type: Object as PropType<DeepPartial<typeof config> & { strategy?: Strategy }>,
  default: () => ({})
  }
  },

diff --git a/src/runtime/components/elements/Dropdown.vue b/src/runtime/components/elements/Dropdown.vue
@@ -67,7 +67,7 @@ import UKbd from '../elements/Kbd.vue'
 import { useUI } from '../../composables/useUI'
 import { usePopper } from '../../composables/usePopper'
 import { mergeConfig, getNuxtLinkProps } from '../../utils'
-import type { DropdownItem, PopperOptions, Strategy } from '../../types/index'
+import type { DeepPartial, DropdownItem, PopperOptions, Strategy } from '../../types/index'
 // @ts-expect-error
 import appConfig from '#build/app.config'
 import { dropdown } from '#ui/ui.config'
@@ -121,7 +121,7 @@ export default defineComponent({
  default: () => ''
  },
  ui: {
- type: Object as PropType<Partial<typeof config> & { strategy?: Strategy }>,
+ type: Object as PropType<DeepPartial<typeof config> & { strategy?: Strategy }>,
  default: () => ({})
  }
  },

diff --git a/src/runtime/components/elements/Kbd.vue b/src/runtime/components/elements/Kbd.vue
@@ -10,7 +10,7 @@ import type { PropType } from 'vue'
 import { twMerge, twJoin } from 'tailwind-merge'
 import { useUI } from '../../composables/useUI'
 import { mergeConfig } from '../../utils'
-import type { KbdSize, Strategy } from '../../types/index'
+import type { DeepPartial, KbdSize, Strategy } from '../../types/index'
 // @ts-expect-error
 import appConfig from '#build/app.config'
 import { kbd } from '#ui/ui.config'
@@ -36,7 +36,7 @@ export default defineComponent({
  default: () => ''
  },
  ui: {
- type: Object as PropType<Partial<typeof config> & { strategy?: Strategy }>,
+ type: Object as PropType<DeepPartial<typeof config> & { strategy?: Strategy }>,
  default: () => ({})
  }
  },

diff --git a/src/runtime/components/elements/Meter.vue b/src/runtime/components/elements/Meter.vue
@@ -34,7 +34,7 @@ import { twJoin } from 'tailwind-merge'
 import UIcon from '../elements/Icon.vue'
 import { useUI } from '../../composables/useUI'
 import { mergeConfig } from '../../utils'
-import type { Strategy, MeterColor, MeterSize } from '../../types/index'
+import type { Strategy, MeterColor, MeterSize, DeepPartial } from '../../types/index'
 // @ts-expect-error
 import appConfig from '#build/app.config'
 import { meter } from '#ui/ui.config'
@@ -94,7 +94,7 @@ export default defineComponent({
  default: () => ''
  },
  ui: {
- type: Object as PropType<Partial<typeof config> & { strategy?: Strategy }>,
+ type: Object as PropType<DeepPartial<typeof config> & { strategy?: Strategy }>,
  default: () => ({})
  }
  },

diff --git a/src/runtime/components/elements/Progress.vue b/src/runtime/components/elements/Progress.vue
@@ -33,7 +33,7 @@ import type { PropType } from 'vue'
 import { twJoin } from 'tailwind-merge'
 import { useUI } from '../../composables/useUI'
 import { mergeConfig } from '../../utils'
-import type { Strategy, ProgressSize, ProgressAnimation, ProgressColor } from '../../types/index'
+import type { Strategy, ProgressSize, ProgressAnimation, ProgressColor, DeepPartial } from '../../types/index'
 // @ts-expect-error
 import appConfig from '#build/app.config'
 import { progress } from '#ui/ui.config'
@@ -81,7 +81,7 @@ export default defineComponent({
  default: () => ''
  },
  ui: {
- type: Object as PropType<Partial<typeof config> & { strategy?: Strategy }>,
+ type: Object as PropType<DeepPartial<typeof config> & { strategy?: Strategy }>,
  default: () => ({})
  }
  },

diff --git a/src/runtime/components/forms/Checkbox.vue b/src/runtime/components/forms/Checkbox.vue
@@ -36,7 +36,7 @@ import { twMerge, twJoin } from 'tailwind-merge'
 import { useUI } from '../../composables/useUI'
 import { useFormGroup } from '../../composables/useFormGroup'
 import { mergeConfig } from '../../utils'
-import type { Strategy } from '../../types/index'
+import type { DeepPartial, Strategy } from '../../types/index'
 // @ts-expect-error
 import appConfig from '#build/app.config'
 import { checkbox } from '#ui/ui.config'
@@ -100,7 +100,7 @@ export default defineComponent({
  default: () => ''
  },
  ui: {
- type: Object as PropType<Partial<typeof config> & { strategy?: Strategy }>,
+ type: Object as PropType<DeepPartial<typeof config> & { strategy?: Strategy }>,
  default: () => ({})
  }
  },

diff --git a/src/runtime/components/forms/FormGroup.vue b/src/runtime/components/forms/FormGroup.vue
@@ -44,7 +44,7 @@ import { computed, defineComponent, provide, inject, ref, toRef } from 'vue'
 import type { Ref, PropType } from 'vue'
 import { useUI } from '../../composables/useUI'
 import { mergeConfig } from '../../utils'
-import type { FormError, InjectedFormGroupValue, FormGroupSize, Strategy } from '../../types/index'
+import type { FormError, InjectedFormGroupValue, FormGroupSize, Strategy, DeepPartial } from '../../types/index'
 // @ts-expect-error
 import appConfig from '#build/app.config'
 import { formGroup } from '#ui/ui.config'
@@ -95,7 +95,7 @@ export default defineComponent({
  default: () => ''
  },
  ui: {
- type: Object as PropType<Partial<typeof config> & { strategy?: Strategy }>,
+ type: Object as PropType<DeepPartial<typeof config> & { strategy?: Strategy }>,
  default: () => ({})
  },
  eagerValidation: {

diff --git a/src/runtime/components/forms/Input.vue b/src/runtime/components/forms/Input.vue
@@ -40,7 +40,7 @@ import { useUI } from '../../composables/useUI'
 import { useFormGroup } from '../../composables/useFormGroup'
 import { mergeConfig, looseToNumber } from '../../utils'
 import { useInjectButtonGroup } from '../../composables/useButtonGroup'
-import type { InputSize, InputColor, InputVariant, Strategy } from '../../types/index'
+import type { InputSize, InputColor, InputVariant, Strategy, DeepPartial } from '../../types/index'
 // @ts-expect-error
 import appConfig from '#build/app.config'
 import { input } from '#ui/ui.config'
@@ -154,7 +154,7 @@ export default defineComponent({
  default: () => ''
  },
  ui: {
- type: Object as PropType<Partial<typeof config> & { strategy?: Strategy }>,
+ type: Object as PropType<DeepPartial<typeof config> & { strategy?: Strategy }>,
  default: () => ({})
  },
  modelModifiers: {

diff --git a/src/runtime/components/forms/InputMenu.vue b/src/runtime/components/forms/InputMenu.vue
@@ -111,7 +111,7 @@ import { usePopper } from '../../composables/usePopper'
 import { useFormGroup } from '../../composables/useFormGroup'
 import { get, mergeConfig } from '../../utils'
 import { useInjectButtonGroup } from '../../composables/useButtonGroup'
-import type { InputSize, InputColor, InputVariant, PopperOptions, Strategy } from '../../types/index'
+import type { InputSize, InputColor, InputVariant, PopperOptions, Strategy, DeepPartial } from '../../types/index'
 // @ts-expect-error
 import appConfig from '#build/app.config'
 import { input, inputMenu } from '#ui/ui.config'
@@ -270,11 +270,11 @@ export default defineComponent({
  default: () => ''
  },
  ui: {
- type: Object as PropType<Partial<typeof config> & { strategy?: Strategy }>,
+ type: Object as PropType<DeepPartial<typeof config> & { strategy?: Strategy }>,
  default: () => ({})
  },
  uiMenu: {
- type: Object as PropType<Partial<typeof configMenu> & { strategy?: Strategy }>,
+ type: Object as PropType<DeepPartial<typeof configMenu> & { strategy?: Strategy }>,
  default: () => ({})
  }
  },

diff --git a/src/runtime/components/forms/Radio.vue b/src/runtime/components/forms/Radio.vue
@@ -35,7 +35,7 @@ import { twMerge, twJoin } from 'tailwind-merge'
 import { useUI } from '../../composables/useUI'
 import { useFormGroup } from '../../composables/useFormGroup'
 import { mergeConfig } from '../../utils'
-import type { Strategy } from '../../types/index'
+import type { DeepPartial, Strategy } from '../../types/index'
 // @ts-expect-error
 import appConfig from '#build/app.config'
 import { radio } from '#ui/ui.config'
@@ -95,7 +95,7 @@ export default defineComponent({
  default: () => ''
  },
  ui: {
- type: Object as PropType<Partial<typeof config> & { strategy?: Strategy }>,
+ type: Object as PropType<DeepPartial<typeof config> & { strategy?: Strategy }>,
  default: () => ({})
  }
  },

diff --git a/src/runtime/components/forms/RadioGroup.vue b/src/runtime/components/forms/RadioGroup.vue
@@ -36,7 +36,7 @@ import type { PropType } from 'vue'
 import { useUI } from '../../composables/useUI'
 import { useFormGroup } from '../../composables/useFormGroup'
 import { mergeConfig, get } from '../../utils'
-import type { Strategy } from '../../types/index'
+import type { DeepPartial, Strategy } from '../../types/index'
 // @ts-expect-error
 import appConfig from '#build/app.config'
 import { radioGroup, radio } from '#ui/ui.config'
@@ -91,11 +91,11 @@ export default defineComponent({
  default: () => ''
  },
  ui: {
- type: Object as PropType<Partial<typeof config> & { strategy?: Strategy }>,
+ type: Object as PropType<DeepPartial<typeof config> & { strategy?: Strategy }>,
  default: () => ({})
  },
  uiRadio: {
- type: Object as PropType<Partial<typeof configRadio> & { strategy?: Strategy }>,
+ type: Object as PropType<DeepPartial<typeof configRadio> & { strategy?: Strategy }>,
  default: () => ({})
  }
  },

diff --git a/src/runtime/components/forms/Range.vue b/src/runtime/components/forms/Range.vue
@@ -26,7 +26,7 @@ import { twMerge, twJoin } from 'tailwind-merge'
 import { useUI } from '../../composables/useUI'
 import { useFormGroup } from '../../composables/useFormGroup'
 import { mergeConfig } from '../../utils'
-import type { RangeSize, RangeColor, Strategy } from '../../types/index'
+import type { RangeSize, RangeColor, Strategy, DeepPartial } from '../../types/index'
 // @ts-expect-error
 import appConfig from '#build/app.config'
 import { range } from '#ui/ui.config'
@@ -87,7 +87,7 @@ export default defineComponent({
  default: () => ''
  },
  ui: {
- type: Object as PropType<Partial<typeof config> & { strategy?: Strategy }>,
+ type: Object as PropType<DeepPartial<typeof config> & { strategy?: Strategy }>,
  default: () => ({})
  }
  },

diff --git a/src/runtime/components/forms/Select.vue b/src/runtime/components/forms/Select.vue
@@ -61,7 +61,7 @@ import { useUI } from '../../composables/useUI'
 import { useFormGroup } from '../../composables/useFormGroup'
 import { mergeConfig, get } from '../../utils'
 import { useInjectButtonGroup } from '../../composables/useButtonGroup'
-import type { SelectSize, SelectColor, SelectVariant, Strategy } from '../../types/index'
+import type { SelectSize, SelectColor, SelectVariant, Strategy, DeepPartial } from '../../types/index'
 // @ts-expect-error
 import appConfig from '#build/app.config'
 import { select } from '#ui/ui.config'
@@ -175,7 +175,7 @@ export default defineComponent({
  default: () => ''
  },
  ui: {
- type: Object as PropType<Partial<typeof config> & { strategy?: Strategy }>,
+ type: Object as PropType<DeepPartial<typeof config> & { strategy?: Strategy }>,
  default: () => ({})
  }
  },

diff --git a/src/runtime/components/forms/SelectMenu.vue b/src/runtime/components/forms/SelectMenu.vue
@@ -147,7 +147,7 @@ import { usePopper } from '../../composables/usePopper'
 import { useFormGroup } from '../../composables/useFormGroup'
 import { get, mergeConfig } from '../../utils'
 import { useInjectButtonGroup } from '../../composables/useButtonGroup'
-import type { SelectSize, SelectColor, SelectVariant, PopperOptions, Strategy } from '../../types/index'
+import type { SelectSize, SelectColor, SelectVariant, PopperOptions, Strategy, DeepPartial } from '../../types/index'
 // @ts-expect-error
 import appConfig from '#build/app.config'
 import { select, selectMenu } from '#ui/ui.config'
@@ -326,11 +326,11 @@ export default defineComponent({
  default: () => ''
  },
  ui: {
- type: Object as PropType<Partial<typeof config> & { strategy?: Strategy }>,
+ type: Object as PropType<DeepPartial<typeof config> & { strategy?: Strategy }>,
  default: () => ({})
  },
  uiMenu: {
- type: Object as PropType<Partial<typeof configMenu> & { strategy?: Strategy }>,
+ type: Object as PropType<DeepPartial<typeof configMenu> & { strategy?: Strategy }>,
  default: () => ({})
  }
  },