Form components emit the id attribute

Author: gfoidl

packages/coreui-vue/src/components/form/CFormInput.ts

@@ -171,6 +171,7 @@ const CFormInput = defineComponent({
             h(
               'input',
               {
+                id: props.id,
                 ...attrs,
                 class: [
                   props.plainText ? 'form-control-plaintext' : 'form-control',

packages/coreui-vue/src/components/form/CFormSelect.ts

@@ -165,6 +165,7 @@ const CFormSelect = defineComponent({
             h(
               'select',
               {
+                id: props.id,
                 ...attrs,
                 class: [
                   'form-select',

packages/coreui-vue/src/components/form/CFormSwitch.ts

@@ -90,6 +90,7 @@ const CFormSwitch = defineComponent({
         },
         [
           h('input', {
+            id: props.id,
             ...attrs,
             ...(props.modelValue && { checked: props.modelValue }),
             class: [

packages/coreui-vue/src/components/form/CFormTextarea.ts

@@ -140,6 +140,7 @@ const CFormTextarea = defineComponent({
             h(
               'textarea',
               {
+                id: props.id,
                 ...attrs,
                 disabled: props.disabled,
                 readonly: props.readonly,