Merge pull request #429 from VividLemon/main

All props are considered optional. types/components adjusted to be in…

Author: mariusa

src/components/BAccordion/BAccordionItem.vue

@@ -37,8 +37,8 @@ import {injectionKey} from './BAccordion.vue'
 // import type {BAccordionItemProps} from '@/types/components'
 
 interface BAccordionItemProps {
-  id: string
-  title: string
+  id?: string
+  title?: string
   visible?: boolean
 }
 

src/components/BAvatar/BAvatar.vue

@@ -35,8 +35,8 @@ import {toFloat} from '@/utils/number'
 import {injectionKey} from './BAvatarGroup.vue'
 
 interface BAvatarProps {
-  alt: string
-  ariaLabel: string
+  alt?: string
+  ariaLabel?: string
   badge?: boolean | string
   badgeLeft?: boolean
   badgeOffset?: string

src/components/BBreadcrumb/BBreadcrumb.vue

@@ -19,7 +19,7 @@ import BBreadcrumbItem from './BBreadcrumbItem.vue'
 // import type {BBreadcrumbProps} from '@/types/components'
 
 interface BBreadcrumbProps {
-  items: Array<BreadcrumbItem>
+  items?: Array<BreadcrumbItem>
 }
 
 const props = defineProps<BBreadcrumbProps>()

src/components/BCard/BCardFooter.vue

@@ -14,7 +14,7 @@ import type {ColorVariant, TextColorVariant} from '@/types'
 import {computed} from 'vue'
 
 interface BCardFooterProps {
-  footer: string
+  footer?: string
   footerBgVariant?: ColorVariant
   footerBorderVariant?: ColorVariant
   footerClass?: Array<unknown> | Record<string, unknown> | string

src/components/BCard/BCardSubTitle.vue

@@ -12,7 +12,7 @@ import type {TextColorVariant} from '@/types'
 import {computed} from 'vue'
 
 interface BCardSubtitleProps {
-  subTitle: string
+  subTitle?: string
   subTitleTag?: string
   subTitleTextVariant?: TextColorVariant
 }

src/components/BCard/BCardTitle.vue

@@ -10,7 +10,7 @@
 // import type {BCardTitleProps} from '@/types/components'
 
 interface BCardTitleProps {
-  title: string
+  title?: string
   titleTag?: string
 }
 

src/components/BCarousel/BCarousel.vue

@@ -45,13 +45,13 @@
 import type {BCarouselParentData} from '@/types/components'
 import {InjectionKey, onMounted, provide, ref, useSlots, VNode} from 'vue'
 import Carousel from 'bootstrap/js/dist/carousel'
-import useEventListener from '../../composables/useEventListener'
-import useId from '../../composables/useId'
+import useEventListener from '@/composables/useEventListener'
+import useId from '@/composables/useId'
 
 interface BCarouselProps {
-  id: string
-  imgHeight: string
-  imgWidth: string
+  id?: string
+  imgHeight?: string
+  imgWidth?: string
   background?: string
   modelValue?: number
   controls?: boolean

src/components/BCarousel/BCarouselSlide.vue

@@ -45,10 +45,10 @@ import type {BCarouselParentData} from '@/types/components'
 import {injectionKey} from './BCarousel.vue'
 
 interface BCarouselSlideProps {
-  imgSrc: string
-  imgHeight: string
-  imgWidth: string
-  interval: string | number
+  imgSrc?: string
+  imgHeight?: string
+  imgWidth?: string
+  interval?: string | number
   active?: boolean
   background?: string
   caption?: string
@@ -77,7 +77,9 @@ const props = withDefaults(defineProps<BCarouselSlideProps>(), {
 const parentData = inject<BCarouselParentData>(injectionKey, {})
 const computedId = useId(props.id, 'accordion')
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
-const img = computed<string | true>(() => (props.imgBlank ? props.imgBlank : props.imgSrc))
+const img = computed<string | true | undefined>(() =>
+  props.imgBlank ? props.imgBlank : props.imgSrc
+)
 
 const computedAttr = computed(() => ({
   background: `${

src/components/BDropdown/BDropdown.vue

@@ -52,13 +52,13 @@ import useEventListener from '@/composables/useEventListener'
 // TODO it seems that some of these props are actually just Popper options
 // So some of them could be converted to their pure types similar to Popper.Boundary
 interface BDropdownProps {
-  id: string
-  menuClass: Array<unknown> | Record<string, unknown> | string
-  size: Size
-  splitClass: Array<unknown> | Record<string, unknown> | string
-  splitVariant: ButtonVariant
-  text: string
-  toggleClass: Array<unknown> | Record<string, unknown> | string
+  id?: string
+  menuClass?: Array<unknown> | Record<string, unknown> | string
+  size?: Size
+  splitClass?: Array<unknown> | Record<string, unknown> | string
+  splitVariant?: ButtonVariant
+  text?: string
+  toggleClass?: Array<unknown> | Record<string, unknown> | string
   autoClose?: boolean | 'inside' | 'outside'
   block?: boolean
   boundary?: Popper.Boundary

src/components/BDropdown/BDropdownGroup.vue

@@ -28,9 +28,9 @@
 import type {ColorVariant} from '@/types'
 
 interface BDropdownGroupProps {
-  id: string
-  ariaDescribedby: string
-  header: string
+  id?: string
+  ariaDescribedby?: string
+  header?: string
   headerClasses?: string | Array<unknown> | Record<string, unknown>
   headerTag?: string
   headerVariant?: ColorVariant