fix blur/focus classes adn radio array

Author: xvaara

src/components/BFormCheckbox/BFormCheckbox.vue

@@ -16,6 +16,8 @@
       :aria-required="name && required ? 'true' : null"
       :value="value"
       :indeterminate="indeterminate"
+      @focus="isFocused = true"
+      @blur="isFocused = false"
     />
     <label
       v-if="$slots.default || !plain"

src/components/BFormCheckbox/BFormCheckboxGroup.vue

@@ -19,7 +19,7 @@
 </template>
 
 <script lang="ts">
-import {computed, defineComponent, PropType, watch} from 'vue'
+import {computed, defineComponent, PropType} from 'vue'
 import {ColorVariant, Size} from '../../types'
 import useId from '../../composables/useId'
 import {

src/components/BFormRadio/BFormRadio.vue

@@ -15,6 +15,8 @@
       :aria-labelledby="ariaLabelledBy"
       :value="value"
       :aria-required="name && required ? 'true' : null"
+      @focus="isFocused = true"
+      @blur="isFocused = false"
     />
     <label
       v-if="$slots.default || !plain"
@@ -28,7 +30,7 @@
 
 <script lang="ts">
 import {getClasses, getInputClasses, getLabelClasses} from '../../composables/useFormCheck'
-import {computed, defineComponent, onMounted, PropType, Ref, ref, watch} from 'vue'
+import {computed, defineComponent, onMounted, PropType, Ref, ref} from 'vue'
 import useId from '../../composables/useId'
 
 export default defineComponent({
@@ -59,11 +61,12 @@ export default defineComponent({
     const isFocused = ref(false)
 
     const localValue: any = computed({
-      get: () => props.modelValue,
+      get: () => (Array.isArray(props.modelValue) ? props.modelValue[0] : props.modelValue),
       set: (newValue: any) => {
-        emit('input', newValue)
-        emit('change', newValue)
-        emit('update:modelValue', newValue)
+        const emitValue = Array.isArray(props.modelValue) ? [newValue] : newValue
+        emit('input', emitValue)
+        emit('change', emitValue)
+        emit('update:modelValue', emitValue)
       },
     })
 

src/components/BLink/BLink.vue

@@ -99,16 +99,6 @@ export default defineComponent({
       return toFallback
     })
 
-    const focus = () => {
-      if (!props.disabled) link.value.focus()
-    }
-
-    const blur = () => {
-      if (!props.disabled) {
-        link.value.blur()
-      }
-    }
-
     const clicked = function (e: PointerEvent) {
       if (props.disabled) {
         e.preventDefault()