feat: update components

Author: codebender828

components.d.ts

@@ -175,6 +175,7 @@ declare module 'vue' {
     onClick?: () => any
     vSlots?: {
       [eleName: string]: JSX.Element
-    }
+    },
+    value?: unknown
   }
 }

package.json

@@ -148,7 +148,7 @@
     "ts-jest": "^26.5.0",
     "ts-node": "^9.0.0",
     "typescript": "^4.1.3",
-    "vite": "^2.4.0",
+    "vite": "^2.5.10",
     "vite-plugin-components": "^0.8.3",
     "vite-plugin-mdx-vue": "^1.1.3",
     "vite-plugin-pages": "^0.9.2",

packages/c-form-control/src/c-form-control.tsx

@@ -20,6 +20,15 @@ import { CFormControlProps, CFormControlProviderContext, useFormControlProvider,
  * `select`, `textarea`, etc.
  */
 
+export const formControlProps = {
+  isRequired: Boolean as PropType<CFormControlProps['isRequired']>,
+  isDisabled: Boolean as PropType<CFormControlProps['isDisabled']>,
+  isInvalid: Boolean as PropType<CFormControlProps['isInvalid']>,
+  isReadOnly: Boolean as PropType<CFormControlProps['isReadOnly']>,
+  label: String as PropType<CFormControlProps['label']>,
+  id: String as PropType<CFormControlProps['id']>,
+}
+
 export const CFormControl: ComponentWithProps<
 DeepPartial<CFormControlProps>
 > = defineComponent({
@@ -28,12 +37,7 @@ DeepPartial<CFormControlProps>
       type: [Object, String] as PropType<DOMElements>,
       default: 'div',
     },
-    isRequired: Boolean as PropType<CFormControlProps['isRequired']>,
-    isDisabled: Boolean as PropType<CFormControlProps['isDisabled']>,
-    isInvalid: Boolean as PropType<CFormControlProps['isInvalid']>,
-    isReadOnly: Boolean as PropType<CFormControlProps['isReadOnly']>,
-    label: String as PropType<CFormControlProps['label']>,
-    id: String as PropType<CFormControlProps['id']>,
+    ...formControlProps
   },
   setup(_props, { slots, attrs }) {
     const { as, ...props } = toRefs(_props)