fix: drawer component names

Author: codebender828

packages/c-modal/src/c-alert-dialog.tsx

@@ -80,27 +80,42 @@ export const CAlertDialogContent = defineComponent({
   },
 })
 
-export const CAlertDialogBody = defineComponent({
-  name: "CAlertDialogBody",
-  extends: CModalBody,
-})
+export const CAlertDialogBody = Object.assign(
+  {
+    name: "CAlertDialogBody",
+  },
+  CModalBody
+)
+CAlertDialogBody.name = "CAlertDialogBody"
 
-export const CAlertDialogCloseButton = defineComponent({
-  name: "CAlertDialogCloseButton",
-  extends: CModalCloseButton,
-})
+export const CAlertDialogCloseButton = Object.assign(
+  {
+    name: "CAlertDialogCloseButton",
+  },
+  CModalCloseButton
+)
+CAlertDialogCloseButton.name = "CAlertDialogCloseButton"
 
-export const CAlertDialogFooter = defineComponent({
-  name: "CAlertDialogFooter",
-  extends: CModalFooter,
-})
+export const CAlertDialogFooter = Object.assign(
+  {
+    name: "CAlertDialogFooter",
+  },
+  CModalFooter
+)
+CAlertDialogFooter.name = "CAlertDialogFooter"
 
-export const CAlertDialogHeader = defineComponent({
-  name: "CAlertDialogHeader",
-  extends: CModalHeader,
-})
+export const CAlertDialogHeader = Object.assign(
+  {
+    name: "CAlertDialogHeader",
+  },
+  CModalHeader
+)
+CAlertDialogHeader.name = "CAlertDialogHeader"
 
-export const CAlertDialogOverlay = defineComponent({
-  name: "CAlertDialogOverlay",
-  extends: CModalOverlay,
-})
+export const CAlertDialogOverlay = Object.assign(
+  {
+    name: "CAlertDialogOverlay",
+  },
+  CModalOverlay
+)
+CAlertDialogOverlay.name = "CAlertDialogOverlay"

packages/c-modal/src/c-drawer.tsx

@@ -240,27 +240,42 @@ export const CDrawerContent = defineComponent({
   },
 })
 
-export const CDrawerBody = defineComponent({
-  name: "CDrawerBody",
-  extends: CModalBody,
-})
+export const CDrawerBody = Object.assign(
+  {
+    name: "CDrawerBody",
+  },
+  CModalBody
+)
+CDrawerBody.name = "CAlertDialogBody"
 
-export const CDrawerCloseButton = defineComponent({
-  name: "CDrawerCloseButton",
-  extends: CModalCloseButton,
-})
+export const CDrawerCloseButton = Object.assign(
+  {
+    name: "CDrawerCloseButton",
+  },
+  CModalBody
+)
+CDrawerBody.name = "CDrawerCloseButton"
 
-export const CDrawerFooter = defineComponent({
-  name: "CDrawerFooter",
-  extends: CModalFooter,
-})
+export const CDrawerFooter = Object.assign(
+  {
+    name: "CDrawerFooter",
+  },
+  CModalBody
+)
+CDrawerBody.name = "CDrawerFooter"
 
-export const CDrawerHeader = defineComponent({
-  name: "CDrawerHeader",
-  extends: CModalHeader,
-})
+export const CDrawerHeader = Object.assign(
+  {
+    name: "CDrawerHeaderr",
+  },
+  CModalBody
+)
+CDrawerBody.name = "CDrawerHeader"
 
-export const CDrawerOverlay = defineComponent({
-  name: "CDrawerOverlay",
-  extends: CModalOverlay,
-})
+export const CDrawerOverlay = Object.assign(
+  {
+    name: "CDrawerOverlay",
+  },
+  CModalOverlay
+)
+CDrawerBody.name = "CDrawerOverlay"