refactor: remove explicit interface declarations, and move them directly into defineProps<> and defineEmits<>

refactor: use Vue 3.3 new emit declaration syntax

feat(BLink): add new link helpers (icon, offset, underline, opacity, etc)

Author: VividLemon

packages/bootstrap-vue-next/src/components/BAccordion/BAccordion.vue

@@ -11,25 +11,24 @@ import {accordionInjectionKey} from '../../utils'
 import {useBooleanish, useId} from '../../composables'
 import {useVModel} from '@vueuse/core'
 
-interface BAccordionProps {
-  flush?: Booleanish
-  free?: Booleanish
-  id?: string
-  modelValue?: string
-}
-
-interface BAccordionEmits {
-  (e: 'update:modelValue', value: string): void
-}
-
-const props = withDefaults(defineProps<BAccordionProps>(), {
-  flush: false,
-  free: false,
-  id: undefined,
-  modelValue: undefined,
-})
-
-const emit = defineEmits<BAccordionEmits>()
+const props = withDefaults(
+  defineProps<{
+    flush?: Booleanish
+    free?: Booleanish
+    id?: string
+    modelValue?: string
+  }>(),
+  {
+    flush: false,
+    free: false,
+    id: undefined,
+    modelValue: undefined,
+  }
+)
+
+const emit = defineEmits<{
+  'update:modelValue': [value: string]
+}>()
 
 defineSlots<{
   // eslint-disable-next-line @typescript-eslint/no-explicit-any

packages/bootstrap-vue-next/src/components/BAccordion/BAccordionItem.vue

@@ -46,41 +46,40 @@ defineOptions({
   inheritAttrs: false,
 })
 
-interface BAccordionItemProps {
-  id?: string
-  title?: string
-  modelValue?: Booleanish
-  headerTag?: string
-  tag?: string
-  toggle?: Booleanish
-  horizontal?: Booleanish
-  visible?: Booleanish
-  isNav?: Booleanish
-}
-
-interface BAccordionItemEmits {
-  (e: 'show', value: BvTriggerableEvent): void
-  (e: 'shown', value: BvTriggerableEvent): void
-  (e: 'hide', value: BvTriggerableEvent): void
-  (e: 'hidden', value: BvTriggerableEvent): void
-  (e: 'hide-prevented'): void
-  (e: 'show-prevented'): void
-  (e: 'update:modelValue', value: boolean): void
-}
-
-const props = withDefaults(defineProps<BAccordionItemProps>(), {
-  headerTag: 'h2',
-  id: undefined,
-  title: undefined,
-  tag: undefined,
-  horizontal: undefined,
-  toggle: undefined,
-  isNav: undefined,
-  modelValue: false,
-  visible: false,
-})
+const props = withDefaults(
+  defineProps<{
+    id?: string
+    title?: string
+    modelValue?: Booleanish
+    headerTag?: string
+    tag?: string
+    toggle?: Booleanish
+    horizontal?: Booleanish
+    visible?: Booleanish
+    isNav?: Booleanish
+  }>(),
+  {
+    headerTag: 'h2',
+    id: undefined,
+    title: undefined,
+    tag: undefined,
+    horizontal: undefined,
+    toggle: undefined,
+    isNav: undefined,
+    modelValue: false,
+    visible: false,
+  }
+)
 
-const emit = defineEmits<BAccordionItemEmits>()
+const emit = defineEmits<{
+  'show': [value: BvTriggerableEvent]
+  'shown': [value: BvTriggerableEvent]
+  'hide': [value: BvTriggerableEvent]
+  'hidden': [value: BvTriggerableEvent]
+  'hide-prevented': []
+  'show-prevented': []
+  'update:modelValue': [value: boolean]
+}>()
 
 defineSlots<{
   // eslint-disable-next-line @typescript-eslint/no-explicit-any

packages/bootstrap-vue-next/src/components/BAlert/BAlert.vue

@@ -39,41 +39,40 @@ import {useBooleanish, useCountdown} from '../../composables'
 import {isEmptySlot} from '../../utils'
 import {useVModel} from '@vueuse/core'
 
-interface BAlertProps {
-  noHoverPause?: Booleanish
-  dismissLabel?: string
-  dismissible?: Booleanish
-  fade?: Booleanish
-  closeVariant?: ButtonVariant | null
-  modelValue?: boolean | number
-  variant?: ColorVariant | null
-  closeContent?: string
-  immediate?: Booleanish
-  interval?: number
-  showOnPause?: Booleanish
-}
-
-interface BAlertEmits {
-  (e: 'closed'): void
-  (e: 'close-countdown', value: number): void
-  (e: 'update:modelValue', value: boolean | number): void
-}
-
-const props = withDefaults(defineProps<BAlertProps>(), {
-  closeContent: undefined,
-  closeVariant: 'secondary',
-  noHoverPause: false,
-  interval: 1000,
-  dismissLabel: 'Close',
-  dismissible: false,
-  fade: false,
-  modelValue: false,
-  variant: 'info',
-  immediate: true,
-  showOnPause: true,
-})
+const props = withDefaults(
+  defineProps<{
+    noHoverPause?: Booleanish
+    dismissLabel?: string
+    dismissible?: Booleanish
+    fade?: Booleanish
+    closeVariant?: ButtonVariant | null
+    modelValue?: boolean | number
+    variant?: ColorVariant | null
+    closeContent?: string
+    immediate?: Booleanish
+    interval?: number
+    showOnPause?: Booleanish
+  }>(),
+  {
+    closeContent: undefined,
+    closeVariant: 'secondary',
+    noHoverPause: false,
+    interval: 1000,
+    dismissLabel: 'Close',
+    dismissible: false,
+    fade: false,
+    modelValue: false,
+    variant: 'info',
+    immediate: true,
+    showOnPause: true,
+  }
+)
 
-const emit = defineEmits<BAlertEmits>()
+const emit = defineEmits<{
+  'closed': []
+  'close-countdown': [value: number]
+  'update:modelValue': [value: boolean | number]
+}>()
 
 defineSlots<{
   // eslint-disable-next-line @typescript-eslint/no-explicit-any

packages/bootstrap-vue-next/src/components/BAvatar/BAvatar.vue

@@ -29,54 +29,53 @@ import {computed, type CSSProperties, inject, type StyleValue, useSlots} from 'v
 import type {Booleanish, ButtonType, ColorVariant, Size, TextColorVariant} from '../../types'
 import {useBooleanish} from '../../composables'
 
-interface BAvatarProps {
-  alt?: string
-  ariaLabel?: string
-  badge?: boolean | string
-  badgeLeft?: Booleanish
-  badgeOffset?: string
-  badgeTop?: Booleanish
-  badgeVariant?: ColorVariant | null
-  button?: Booleanish
-  buttonType?: ButtonType
-  disabled?: Booleanish
-  icon?: string
-  rounded?: boolean | string
-  size?: Size | string // TODO number --> compat
-  square?: Booleanish
-  src?: string
-  text?: string
-  textVariant?: TextColorVariant | null
-  variant?: ColorVariant | null
-}
-
-interface BAvatarEmits {
-  (e: 'click', value: MouseEvent): void
-  (e: 'img-error', value: Event): void
-}
-
-const props = withDefaults(defineProps<BAvatarProps>(), {
-  ariaLabel: undefined,
-  badgeOffset: undefined,
-  icon: undefined,
-  size: undefined,
-  src: undefined,
-  text: undefined,
-  textVariant: null,
-  alt: 'avatar',
-  badge: false,
-  badgeLeft: false,
-  badgeTop: false,
-  badgeVariant: 'primary',
-  button: false,
-  buttonType: 'button',
-  disabled: false,
-  rounded: 'circle',
-  square: false,
-  variant: 'secondary',
-})
+const props = withDefaults(
+  defineProps<{
+    alt?: string
+    ariaLabel?: string
+    badge?: boolean | string
+    badgeLeft?: Booleanish
+    badgeOffset?: string
+    badgeTop?: Booleanish
+    badgeVariant?: ColorVariant | null
+    button?: Booleanish
+    buttonType?: ButtonType
+    disabled?: Booleanish
+    icon?: string
+    rounded?: boolean | string
+    size?: Size | string // TODO number --> compat
+    square?: Booleanish
+    src?: string
+    text?: string
+    textVariant?: TextColorVariant | null
+    variant?: ColorVariant | null
+  }>(),
+  {
+    ariaLabel: undefined,
+    badgeOffset: undefined,
+    icon: undefined,
+    size: undefined,
+    src: undefined,
+    text: undefined,
+    textVariant: null,
+    alt: 'avatar',
+    badge: false,
+    badgeLeft: false,
+    badgeTop: false,
+    badgeVariant: 'primary',
+    button: false,
+    buttonType: 'button',
+    disabled: false,
+    rounded: 'circle',
+    square: false,
+    variant: 'secondary',
+  }
+)
 
-const emit = defineEmits<BAvatarEmits>()
+const emit = defineEmits<{
+  'click': [value: MouseEvent]
+  'img-error': [value: Event]
+}>()
 
 defineSlots<{
   // eslint-disable-next-line @typescript-eslint/no-explicit-any

packages/bootstrap-vue-next/src/components/BAvatar/BAvatarGroup.vue

@@ -13,23 +13,24 @@ import {avatarGroupInjectionKey, isNumeric, toFloat} from '../../utils'
 import {useBooleanish} from '../../composables'
 import {computeSize} from './BAvatar.vue'
 
-interface BAvatarGroupProps {
-  overlap?: number | string
-  rounded?: boolean | string
-  size?: Size | string
-  square?: Booleanish
-  tag?: string
-  variant?: ColorVariant | null
-}
-
-const props = withDefaults(defineProps<BAvatarGroupProps>(), {
-  overlap: 0.3,
-  rounded: false,
-  square: false,
-  tag: 'div',
-  size: undefined,
-  variant: null,
-})
+const props = withDefaults(
+  defineProps<{
+    overlap?: number | string
+    rounded?: boolean | string
+    size?: Size | string
+    square?: Booleanish
+    tag?: string
+    variant?: ColorVariant | null
+  }>(),
+  {
+    overlap: 0.3,
+    rounded: false,
+    square: false,
+    tag: 'div',
+    size: undefined,
+    variant: null,
+  }
+)
 
 defineSlots<{
   // eslint-disable-next-line @typescript-eslint/no-explicit-any