chore: setup component generator with hygen

Author: codebender828

.eslintrc.yml

@@ -3,7 +3,8 @@ env:
   es2021: true
   node: true
 extends:
-  - standard
+  - prettier/@typescript-eslint
+  - plugin:prettier/recommended
 parser: '@typescript-eslint/parser'
 parserOptions:
   ecmaVersion: 12

.prettierrc.yml

@@ -0,0 +1,5 @@
+# .prettierrc or .prettierrc.yaml
+trailingComma: "es5"
+tabWidth: 2
+semi: false
+singleQuote: true

package.json

@@ -9,7 +9,8 @@
     "packages/*"
   ],
   "scripts": {
-    "build": "lerna run build --no-private --stream"
+    "build": "lerna run build",
+    "lint": "eslint '*/**/*.{js,ts,tsx}' --quiet --fix"
   },
   "license": "MIT",
   "private": true,
@@ -21,11 +22,17 @@
     "concurrently": "^5.3.0",
     "cross-env": "^7.0.2",
     "eslint": "^7.9.0",
+    "eslint-config-prettier": "^6.12.0",
     "eslint-config-standard": "^14.1.1",
     "eslint-plugin-import": "^2.22.0",
     "eslint-plugin-node": "^11.1.0",
+    "eslint-plugin-prettier": "^3.1.4",
     "eslint-plugin-promise": "^4.2.1",
     "eslint-plugin-standard": "^4.0.1",
-    "lerna": "^3.22.1"
+    "lerna": "^3.22.1",
+    "prettier": "^2.1.2",
+    "vite": "^1.0.0-rc.4",
+    "vue": "^3.0.0",
+    "vue-router": "4.0.0-beta.10"
   }
 }

packages/c-button/package.json

@@ -0,0 +1,14 @@
+{
+  "name": "@chakra-ui/c-button",
+  "version": "1.0.0",
+  "main": "index.js",
+  "description": "Chakra UI Vue | CButton 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/"
+  }
+}

packages/c-button/src/index.ts

@@ -0,0 +1,15 @@
+import { h, defineComponent } from 'vue'
+
+const CButton = defineComponent({
+  props: {
+    as: {
+      type: Object as PropType<string>,
+      default: 'div',
+    },
+  },
+  setup(props, { slots, attrs }) {
+    return h(props?.as, { ...attrs }, slots.default?.())
+  },
+})
+
+export default CButton

packages/c-button/tests/c-button.test.ts

@@ -0,0 +1,8 @@
+import { render } from '@chakra-ui/vue-test-utils'
+import CButton from '../'
+
+
+it('should render properly', () => {
+  const { html } = render(CButton)
+  expect(html()).toMatchSnapshot()
+})

packages/c-button/tsconfig.json

@@ -0,0 +1,4 @@
+{
+  "extends": "../../tsconfig.json",
+  "include": ["src"]
+}