revert(83f5e53): rename to remove 'es' at end

Though it may make more sense to include 'es' at the end, (since it can contain many classes), it is more standard to exclude the 'es'

chore(BImg): add some notes about TODOs

chore(useBooleanish): add note about future Vue code possibilities

fix(BTableContainer): rename prop responsiveClasses to responsiveClass

fix(BDropdownGroup): rename headerClasses prop to headerClass

chore(BAvatar): remove old note

Author: VividLemon

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

@@ -51,7 +51,7 @@ interface BAvatarProps {
   square?: Booleanish
   src?: string
   text?: string
-  textVariant?: ColorVariant // not standard BootstrapVue props
+  textVariant?: ColorVariant
   variant?: ColorVariant
 }
 

packages/bootstrap-vue-3/src/components/BCard/BCard.vue

@@ -4,13 +4,13 @@
     <b-card-header
       v-if="header || $slots.header || headerHtml"
       v-bind="headerAttrs"
-      :class="headerClasses"
+      :class="headerClass"
     >
       <slot name="header">
         {{ header }}
       </slot>
     </b-card-header>
-    <b-card-body v-if="!noBodyBoolean" v-bind="bodyAttrs" :class="bodyClasses">
+    <b-card-body v-if="!noBodyBoolean" v-bind="bodyAttrs" :class="bodyClass">
       <slot>
         {{ bodyText }}
       </slot>
@@ -21,7 +21,7 @@
     <b-card-footer
       v-if="footer || $slots.footer || footerHtml"
       v-bind="footerAttrs"
-      :class="footerClasses"
+      :class="footerClass"
     >
       <slot name="footer">
         {{ footer }}
@@ -45,21 +45,21 @@ interface BCardProps {
   align?: Alignment
   bgVariant?: ColorVariant
   bodyBgVariant?: ColorVariant
-  bodyClasses?: ClassValue
+  bodyClass?: ClassValue
   bodyTag?: string
   bodyTextVariant?: TextColorVariant
   borderVariant?: ColorVariant
   footer?: string
   footerBgVariant?: ColorVariant
   footerBorderVariant?: ColorVariant
-  footerClasses?: ClassValue
+  footerClass?: ClassValue
   footerHtml?: string
   footerTag?: string
   footerTextVariant?: TextColorVariant
   header?: string
   headerBgVariant?: ColorVariant
   headerBorderVariant?: ColorVariant
-  headerClasses?: ClassValue
+  headerClass?: ClassValue
   headerHtml?: string
   headerTag?: string
   headerTextVariant?: TextColorVariant

packages/bootstrap-vue-3/src/components/BDropdown/BDropdownGroup.vue

@@ -4,7 +4,7 @@
       :is="headerTag"
       :id="headerId"
       class="dropdown-header"
-      :class="[classes, headerClasses]"
+      :class="[classes, headerClass]"
       :role="headerRole"
     >
       <slot name="header">
@@ -32,14 +32,14 @@ interface BDropdownGroupProps {
   id?: string
   ariaDescribedby?: string
   header?: string
-  headerClasses?: ClassValue
+  headerClass?: ClassValue
   headerTag?: string
   headerVariant?: ColorVariant
 }
 
 const props = withDefaults(defineProps<BDropdownGroupProps>(), {
   headerTag: 'header',
-  headerClasses: undefined,
+  headerClass: undefined,
 })
 
 const headerId = computed<string | undefined>(() =>

packages/bootstrap-vue-3/src/components/BImg.vue

@@ -74,6 +74,7 @@ const makeBlankImgSrc = (width: any, height: any, color: string): string => {
 }
 
 const attrs = computed(() => {
+  // TODO decompose this and make business logic into separate computed functions
   let {src} = props
   let width =
     (typeof props.width === 'number' ? props.width : parseInt(props.width as string, 10)) ||
@@ -109,6 +110,7 @@ const attrs = computed(() => {
       height = 1
     }
     // Make a blank SVG image
+    // TODO unexpected mutation of props
     src = makeBlankImgSrc(width, height, props.blankColor || 'transparent')
     // Disable srcset and sizes
     srcset = ''

packages/bootstrap-vue-3/src/components/BTable/BTableContainer.vue

@@ -1,5 +1,5 @@
 <template>
-  <div v-if="responsive" :class="responsiveClasses">
+  <div v-if="responsive" :class="responsiveClass">
     <slot />
   </div>
   <template v-else>
@@ -12,7 +12,7 @@ import type {ClassValue} from '../../types'
 
 interface BTableContainerProps {
   responsive?: boolean | 'sm' | 'md' | 'lg' | 'xl' | 'xxl'
-  responsiveClasses?: ClassValue
+  responsiveClass?: ClassValue
 }
 
 withDefaults(defineProps<BTableContainerProps>(), {

packages/bootstrap-vue-3/src/composables/useBooleanish.ts

@@ -2,6 +2,8 @@ import type {Booleanish} from '../types'
 import {computed, ComputedRef, Ref} from 'vue'
 import {resolveBooleanish} from '../utils'
 
+// function useBooleanish<T>(el: Ref<Booleanish | T>): ComputedRef<boolean | T>
+// This may possibily be used in Vue 3.3 to include Booleanish and complex types ie Booleanish | string
 function useBooleanish(el: Ref<Booleanish>): ComputedRef<boolean>
 function useBooleanish(el: Ref<Booleanish | undefined>): ComputedRef<boolean | undefined>
 function useBooleanish(