feat: add vite component resolver

Author: codebender828

_templates/generator/component/README.md.ejs.t renamed to _templates/generator/tooling/README.md.ejs.t

@@ -1,5 +1,5 @@
 ---
-to: packages/<%=h.changeCase.paramCase(name)%>/README.md
+to: tooling/<%=h.changeCase.paramCase(name)%>/README.md
 ---
 
 # @chakra-ui/<%=h.changeCase.paramCase(name)%>

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

@@ -0,0 +1,28 @@
+---
+to: tooling/<%=h.changeCase.paramCase(name)%>/package.json
+---
+
+{
+  "name": "<%= '@chakra-ui/' + h.changeCase.paramCase(name)%>",
+  "version": "1.0.0",
+  "main": "dist/cjs/index.js",
+  "module": "dist/esm/index.js",
+  "types": "dist/types/index.d.ts",
+  "typings": "dist/types/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "description": "<%= 'Chakra UI Vue | ' + h.changeCase.pascalCase(name) + ' module'%>",
+  "repository": "https://github.com/chakra-ui/chakra-ui-vue-next.git",
+  "author": "Jonathan Bakebwa [email protected]",
+  "license": "MIT",
+  "scripts": {
+    "build": "rimraf ./dist && concurrently yarn:build:*",
+    "build:esm": "cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts,.tsx -d dist/esm --source-maps",
+    "build:cjs": "cross-env BABEL_ENV=cjs babel src --root-mode upward --extensions .ts,.tsx -d dist/cjs --source-maps",
+    "watch": "concurrently yarn:watch:*",
+    "watch:esm": "cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts,.tsx -d dist/esm --source-maps --watch",
+    "watch:cjs": "cross-env BABEL_ENV=cjs babel src --root-mode upward --extensions .ts,.tsx -d dist/cjs --source-maps --watch",
+    "watch:types": "cross-env tsc --emitDeclarationOnly --declaration --declarationDir dist/types --watch --incremental"
+  }
+}

_templates/generator/tooling/src.ts.ejs.t

@@ -0,0 +1,10 @@
+---
+to: tooling/<%=h.changeCase.paramCase(name)%>/src/index.ts
+---
+const <%= h.changeCase.pascalCase(name) %> = () => {
+  return {}
+}
+
+export {
+  <%= h.changeCase.pascalCase(name) %>
+}

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

@@ -0,0 +1,9 @@
+---
+to: tooling/<%=h.changeCase.paramCase(name)%>/tests/<%=h.changeCase.paramCase(name)%>.test.ts
+---
+import { <%= h.changeCase.pascalCase(name) %> } from '../'
+
+
+it('should be truthy', () => {
+  expect(1).toBe(1)
+})

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

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

lerna.json

@@ -1,5 +1,5 @@
 {
-  "packages": ["packages/*", "website", "docs"],
+  "packages": ["packages/*", "website", "docs", "tooling/*"],
   "version": "independent",
   "npmClient": "yarn",
   "useWorkspaces": true,

package.json

@@ -7,6 +7,7 @@
   "author": "Jonathan Bakebwa [email protected]",
   "workspaces": [
     "packages/*",
+    "tooling/*",
     "website"
   ],
   "scripts": {
@@ -28,6 +29,7 @@
     "system": "yarn workspace @chakra-ui/vue-system",
     "utils": "yarn workspace @chakra-ui/vue-utils",
     "theme": "yarn workspace @chakra-ui/vue-theme",
+    "auto-import": "yarn workspace @chakra-ui/vue-auto-import",
     "c-alert": "yarn workspace @chakra-ui/c-alert",
     "c-theme-provider": "yarn workspace @chakra-ui/c-theme-provider",
     "c-box": "yarn workspace @chakra-ui/c-box",

tooling/auto-import/README.md

@@ -0,0 +1,11 @@
+# @chakra-ui/vue-auto-import
+
+Vite auto import resolver for chakra ui vue
+
+## Installation
+
+```sh
+yarn add @chakra-ui/vue-auto-import
+# or
+npm i @chakra-ui/vue-auto-import
+```

tooling/auto-import/package.json

@@ -0,0 +1,32 @@
+{
+  "name": "@chakra-ui/vue-auto-import",
+  "version": "1.0.0",
+  "main": "dist/cjs/index.js",
+  "module": "dist/esm/index.js",
+  "types": "dist/types/index.d.ts",
+  "typings": "dist/types/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "description": "Chakra UI Vue | VueAutoImport module",
+  "repository": "https://github.com/chakra-ui/chakra-ui-vue-next.git",
+  "author": "Jonathan Bakebwa [email protected]",
+  "license": "MIT",
+  "scripts": {
+    "build": "rimraf ./dist && concurrently yarn:build:*",
+    "build:esm": "cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts,.tsx -d dist/esm --source-maps",
+    "build:cjs": "cross-env BABEL_ENV=cjs babel src --root-mode upward --extensions .ts,.tsx -d dist/cjs --source-maps",
+    "watch": "concurrently yarn:watch:*",
+    "watch:esm": "cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts,.tsx -d dist/esm --source-maps --watch",
+    "watch:cjs": "cross-env BABEL_ENV=cjs babel src --root-mode upward --extensions .ts,.tsx -d dist/cjs --source-maps --watch",
+    "watch:types": "cross-env tsc --emitDeclarationOnly --declaration --declarationDir dist/types --watch --incremental"
+  },
+  "dependencies": {
+    "lodash.kebabcase": "^4.1.1"
+  },
+  "peerDependencies": {
+    "vite": "^2.0.0-beta.44",
+    "vue": "^3.0.5",
+    "vite-plugin-components": "^0.6.6"
+  }
+}

tooling/auto-import/src/index.ts

@@ -0,0 +1,9 @@
+import kebabCase from 'lodash.kebabcase'
+
+export const componentResolver = (name: string) => {
+  if (kebabCase(name).startsWith('c-'))
+    return {
+      importName: name,
+      path: `@chakra-ui/vue-next`,
+  }
+}