feat: add type of Chakra

Author: odanado

packages/chakra-ui-core/src/Chakra/index.js

@@ -6,39 +6,9 @@ import { createClientDirective } from '../directives'
 import defaultTheme from '../../../chakra-ui-theme/src'
 import useToast from '../CToast'
 
-/**
- * @typedef {Object} Theme Chakra UI Theme object
- * @property {Object} breakpoints
- * @property {Object} zIndices
- * @property {Object} radii
- * @property {Object} opacity
- * @property {Object} borders
- * @property {Object} colors
- * @property {Object} borderWidths
- * @property {Object} sizes
- * @property {Object} shadows
- * @property {Object} space
- * @property {Object} fontSizes
- * @property {Object} fonts
- * @property {Object} fontWeights
- * @property {Object} lineHeights
- * @property {Object} letterSpacings
- */
-
-/**
- * @typedef {Object} Options
- * @property {Theme} theme
- * @property {Theme} extendTheme
- * @property {Object} icons
- * @property {Object} icons.extend
- * @property {String} icons.iconPack
- * @property {Object} icons.iconSet
- *
- */
-
 /**
  * Chakra-ui Component library plugin
- * @type {Chakra}
+ * @type {import("../../types").default}
  */
 const Chakra = {
   /**

packages/chakra-ui-core/types/chakra.d.ts

@@ -0,0 +1,33 @@
+import { PluginObject } from "vue"
+
+export type Theme = {
+  breakpoints: any
+  zIndices: any
+  radii: any
+  opacity: any
+  borders: any
+  colors: any
+  borderWidths: any
+  sizes: any
+  shadows: any
+  space: any
+  fontSizes: any
+  fonts: any
+  fontWeights: any
+  lineHeights: any
+  letterSpacings: any
+}
+
+export type Options = {
+  theme: Theme
+  extendTheme: Theme
+  icons: {
+      extend: any
+      iconPack: string
+      iconSet: any
+  }
+}
+
+type Chakra = PluginObject<Options>
+
+export default Chakra

packages/chakra-ui-core/types/index.d.ts

@@ -1 +1,4 @@
 import './component'
+import Chakra from "./chakra"
+
+export default Chakra