feat(portal): move to tsx

Author: prazdevs

packages/c-portal/package.json

@@ -29,12 +29,13 @@
   },
   "dependencies": {
     "@chakra-ui/utils": "^2.0.3",
-    "@chakra-ui/vue-composables": "0.1.0-alpha.9"
+    "@chakra-ui/vue-composables": "0.1.0-alpha.10",
+    "@chakra-ui/vue-utils": "0.1.0-alpha.10"
   },
   "devDependencies": {
     "vue": "^3.2.37"
   },
   "peerDependencies": {
     "vue": "^3.1.4"
   }
-}
+}

packages/c-portal/src/portal.ts renamed to packages/c-portal/src/portal.tsx

@@ -11,6 +11,7 @@ import {
 } from "vue"
 import { createPortalTarget, ensureTarget, unmountTarget } from "./portal.utils"
 import { useStackProvider } from "@chakra-ui/vue-composables"
+import { getValidChildren } from "@chakra-ui/vue-utils"
 
 export interface CPortalProps extends Omit<TeleportProps, "to"> {
   /**
@@ -60,18 +61,11 @@ const CPortal = defineComponent({
 
     useStackProvider()
 
-    return () => {
-      return h(
-        // @ts-ignore
-        Teleport,
-        {
-          ...props,
-          ...attrs,
-          to: target.value,
-        },
-        slots
-      )
-    }
+    return () => (
+      <Teleport {...{ ...props, ...attrs }} to={target.value}>
+        {() => getValidChildren(slots)}
+      </Teleport>
+    )
   },
 })