chore(hygen): added generator for components and hooks

Author: codebender828

.gitignore

@@ -1,3 +1,2 @@
 node_modules
-dist
-_templates
+dist

_templates/generator/component/component.ts.ejs.t

@@ -0,0 +1,19 @@
+---
+to: packages/<%=h.changeCase.paramCase(name)%>/src/index.ts
+---
+
+import { h, defineComponent } from 'vue'
+
+const <%= h.changeCase.pascalCase(name) %> = defineComponent({
+  props: {
+    as: {
+      type: Object as PropType<string>,
+      default: 'div',
+    },
+  },
+  setup(props, { slots, attrs }) {
+    return h(props?.as, { ...attrs }, slots.default?.())
+  },
+})
+
+export default <%= h.changeCase.pascalCase(name) %>

_templates/generator/component/package.json.ejs.t

@@ -0,0 +1,18 @@
+---
+to: packages/<%=h.changeCase.paramCase(name)%>/package.json
+---
+
+{
+  "name": "<%= '@chakra-ui/' + h.changeCase.paramCase(name)%>",
+  "version": "1.0.0",
+  "main": "index.js",
+  "description": "<%= 'Chakra UI Vue | ' + h.changeCase.pascalCase(name) + ' component'%>",
+  "repository": "https://github.com/chakra-ui/chakra-ui-vue-next.git",
+  "author": "codebender828 [email protected]",
+  "license": "MIT",
+  "scripts": {
+    "build": "concurrently yarn:build:*",
+    "build:esm": "cross-env swc src --out-dir dist/esm/",
+    "build:cjs": "cross-env swc -C module.type=commonjs src --out-dir dist/cjs/"
+  }
+}

_templates/generator/component/test-file.test.ts.ejs.t

@@ -0,0 +1,11 @@
+---
+to: packages/<%=h.changeCase.paramCase(name)%>/tests/<%=h.changeCase.paramCase(name)%>.test.ts
+---
+import { render } from '@chakra-ui/vue-test-utils'
+import <%= h.changeCase.pascalCase(name) %> from '../'
+
+
+it('should render properly', () => {
+  const { html } = render(<%= h.changeCase.pascalCase(name) %>)
+  expect(html()).toMatchSnapshot()
+})

_templates/generator/component/tsconfig.json.ejs.t

@@ -0,0 +1,8 @@
+---
+to: packages/<%=h.changeCase.paramCase(name)%>/tsconfig.json
+---
+
+{
+  "extends": "../../tsconfig.json",
+  "include": ["src"]
+}

_templates/generator/module/index.ts.ejs.t

@@ -0,0 +1,19 @@
+---
+to: packages/<%=h.changeCase.paramCase(name)%>/src/<%=h.changeCase.paramCase(name)%>.ts
+---
+
+import { h, defineComponent } from 'vue'
+
+const <%= h.changeCase.pascalCase(name) %> = defineComponent({
+  props: {
+    as: {
+      type: Object as PropType<string>,
+      default: 'div',
+    },
+  },
+  setup(props, { slots, attrs }) {
+    return h(props?.as, { ...attrs }, slots.default?.())
+  },
+})
+
+export default <%= h.changeCase.pascalCase(name) %>

_templates/generator/module/package.json.ejs.t

@@ -0,0 +1,18 @@
+---
+to: packages/<%=h.changeCase.paramCase(name)%>/package.json
+---
+
+{
+  "name": "<%= '@chakra-ui/' + h.changeCase.paramCase(name)%>",
+  "version": "1.0.0",
+  "main": "index.js",
+  "description": "<%= 'Chakra UI Vue | ' + h.changeCase.pascalCase(name) + ' module'%>",
+  "repository": "https://github.com/chakra-ui/chakra-ui-vue-next.git",
+  "author": "codebender828 [email protected]",
+  "license": "MIT",
+  "scripts": {
+    "build": "concurrently yarn:build:*",
+    "build:esm": "cross-env swc src --out-dir dist/esm/",
+    "build:cjs": "cross-env swc -C module.type=commonjs src --out-dir dist/cjs/"
+  }
+}

_templates/generator/module/test-file.test.ts.ejs.t

@@ -0,0 +1,11 @@
+---
+to: packages/<%=h.changeCase.paramCase(name)%>/tests/<%=h.changeCase.paramCase(name)%>.test.ts
+---
+import { render } from '@chakra-ui/vue-test-utils'
+import <%= h.changeCase.pascalCase(name) %> from '../'
+
+
+it('should render properly', () => {
+  const { html } = render(<%= h.changeCase.pascalCase(name) %>)
+  expect(html()).toMatchSnapshot()
+})

_templates/generator/module/tsconfig.json.ejs.t

@@ -0,0 +1,8 @@
+---
+to: packages/<%=h.changeCase.paramCase(name)%>/tsconfig.json
+---
+
+{
+  "extends": "../../tsconfig.json",
+  "include": ["src"]
+}