chore: fix global types generation

Author: codebender828

env.d.ts

@@ -0,0 +1,18 @@
+import type { HTMLAttributes, VNode } from "vue"
+import type { ChakraProps } from "@chakra-ui/vue-system"
+
+declare global {
+  namespace h.JSX {
+    interface Element extends VNode {}
+    interface ElementClass {
+      $props: {}
+    }
+    interface ElementAttributesProperty {
+      $props: {}
+    }
+
+    interface IntrinsicAttributes
+      extends Omit<HTMLAttributes, "color">,
+        ChakraProps {}
+  }
+}

scripts/generate-global-types.ts

@@ -13,6 +13,24 @@ type ComponentsImport = typeof ChakraComponents
 
 async function generateComponents() {
   let code = `
+    import type { HTMLAttributes, VNode } from "vue";
+    import type { ChakraProps } from "@chakra-ui/vue-system";
+
+    declare global {
+      namespace h.JSX {
+        interface Element extends VNode {}
+        interface ElementClass {
+          $props: {}
+        }
+        interface ElementAttributesProperty {
+          $props: {}
+        }
+    
+        interface IntrinsicAttributes
+          extends Omit<HTMLAttributes, "color">,
+            ChakraProps {}
+      }
+    }
   `
 
   for (const component in ChakraComponents) {