refactor: explicit type booleanish resolvers

Author: VividLemon

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

@@ -26,8 +26,8 @@ const props = withDefaults(defineProps<BAccordionProps>(), {
 
 const computedId = useId(props.id, 'accordion')
 
-const flushBoolean = computed(() => resolveBooleanish(props.flush))
-const freeBoolean = computed(() => resolveBooleanish(props.free))
+const flushBoolean = computed<boolean>(() => resolveBooleanish(props.flush))
+const freeBoolean = computed<boolean>(() => resolveBooleanish(props.free))
 
 const classes = computed(() => ({
   'accordion-flush': flushBoolean.value,

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

@@ -46,7 +46,7 @@ interface BAccordionItemProps {
 
 const props = withDefaults(defineProps<BAccordionItemProps>(), {visible: false})
 
-const visibleBoolean = computed(() => resolveBooleanish(props.visible))
+const visibleBoolean = computed<boolean>(() => resolveBooleanish(props.visible))
 
 const computedId = useId(props.id, 'accordion_item')
 const parent = inject(injectionKey, '')

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

@@ -69,11 +69,11 @@ const props = withDefaults(defineProps<BAvatarProps>(), {
   variant: 'secondary',
 })
 
-const badgeLeftBoolean = computed(() => resolveBooleanish(props.badgeLeft))
-const badgeTopBoolean = computed(() => resolveBooleanish(props.badgeTop))
-const buttonBoolean = computed(() => resolveBooleanish(props.button))
-const disabledBoolean = computed(() => resolveBooleanish(props.disabled))
-const squareBoolean = computed(() => resolveBooleanish(props.square))
+const badgeLeftBoolean = computed<boolean>(() => resolveBooleanish(props.badgeLeft))
+const badgeTopBoolean = computed<boolean>(() => resolveBooleanish(props.badgeTop))
+const buttonBoolean = computed<boolean>(() => resolveBooleanish(props.button))
+const disabledBoolean = computed<boolean>(() => resolveBooleanish(props.disabled))
+const squareBoolean = computed<boolean>(() => resolveBooleanish(props.square))
 
 interface BAvatarEmits {
   (e: 'click', value: MouseEvent): void

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

@@ -31,7 +31,7 @@ const props = withDefaults(defineProps<BAvatarGroupProps>(), {
   tag: 'div',
 })
 
-const squareBoolean = computed(() => resolveBooleanish(props.square))
+const squareBoolean = computed<boolean>(() => resolveBooleanish(props.square))
 
 const computedSize = computed<string | null>(() => computeSize(props.size))
 

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

@@ -25,9 +25,9 @@ export default defineComponent({
     const link = computed<boolean>(() => isLink(props))
     const computedTag = computed<string>(() => (link.value ? 'b-link' : props.tag))
 
-    const pillBoolean = computed(() => resolveBooleanish(props.pill))
-    const textIndicatorBoolean = computed(() => resolveBooleanish(props.textIndicator))
-    const dotIndicatorBoolean = computed(() => resolveBooleanish(props.dotIndicator))
+    const pillBoolean = computed<boolean>(() => resolveBooleanish(props.pill))
+    const textIndicatorBoolean = computed<boolean>(() => resolveBooleanish(props.textIndicator))
+    const dotIndicatorBoolean = computed<boolean>(() => resolveBooleanish(props.dotIndicator))
 
     const classes = computed(() => ({
       [`bg-${props.variant}`]: props.variant,

packages/bootstrap-vue-3/src/components/BBreadcrumb/BBreadcrumbItem.vue

@@ -27,8 +27,8 @@ export default defineComponent({
   },
   emits: ['click'],
   setup(props, {emit}) {
-    const activeBoolean = computed(() => resolveBooleanish(props.active))
-    const disabledBoolean = computed(() => resolveBooleanish(props.disabled))
+    const activeBoolean = computed<boolean>(() => resolveBooleanish(props.active))
+    const disabledBoolean = computed<boolean>(() => resolveBooleanish(props.disabled))
 
     const liClasses = computed(() => ({
       active: props.active,

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

@@ -28,11 +28,11 @@ export default defineComponent({
   },
   emits: ['click', 'update:pressed'],
   setup(props, {emit}) {
-    const activeBoolean = computed(() => resolveBooleanish(props.active))
-    const disabledBoolean = computed(() => resolveBooleanish(props.disabled))
-    const pillBoolean = computed(() => resolveBooleanish(props.pill))
-    const pressedBoolean = computed(() => resolveBooleanish(props.pressed))
-    const squaredBoolean = computed(() => resolveBooleanish(props.squared))
+    const activeBoolean = computed<boolean>(() => resolveBooleanish(props.active))
+    const disabledBoolean = computed<boolean>(() => resolveBooleanish(props.disabled))
+    const pillBoolean = computed<boolean>(() => resolveBooleanish(props.pill))
+    const pressedBoolean = computed<boolean>(() => resolveBooleanish(props.pressed))
+    const squaredBoolean = computed<boolean>(() => resolveBooleanish(props.squared))
 
     // TODO none of these are computed values. Meaning they will not react if any of these are changed?
     const isToggle = pressedBoolean.value !== null