feat: add css reset component

Author: codebender828

README.md

@@ -14,15 +14,38 @@ yarn install
 yarn build
 ```
 
+### Bootstrap and link packages
+```bash
+yarn bootstrap
+```
+
 ### Component playground (based on vite)
 ```bash
 yarn dev
 ```
 
+## Development Guide
+### 1. Creating new components
+Chakra UI Vue uses [hygen](https://www.hygen.io/) to generate new components. The component templates can be found in the `_templates/generator/component` directory
+
+```bash
+yarn hygen component --name <COMPONENT_NAME> --description="MY_COMPONENT_DESCRIPTION"
+```
+
+This creates a new package with the name `<COMPONENT_NAME>` with some basic sanity tests.
+
+After creating your new package, run `yarn workspace @chakra-ui/COMPONENT_NAME && yarn bootstrap` to build and link your component in the monorepo.
+
+Run `yarn dev` to view your new component in the playground.
+
+**Additional notes:**
+Add a script for your package workspace in the `package.json` file.
+
 ### Major todos:
 - [ ] Documentation (to be based on Nuxt 3)
 - [ ] Accessibility JS hooks (Documented in Roadmap)
 
+
 #### Contributors' note:
 Hi!
 

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

@@ -10,18 +10,19 @@ to: packages/<%=h.changeCase.paramCase(name)%>/package.json
   "module": "dist/esm/index.js",
   "types": "dist/types/index.d.ts",
   "typings": "dist/types/index.d.ts",
-  "author": "Jonathan Bakebwa <codebender828@gmail.com>",
-  "homepage": "https://github.com/chakra-ui/chakra-ui-vue-next#readme",
-  "license": "MIT",
-  "files": [
-    "dist"
-  ],
   "exports": {
     ".": {
       "require": "./dist/cjs/index.js",
       "default": "./dist/esm/index.js"
     }
   },
+  "author": "Jonathan Bakebwa <codebender828@gmail.com>",
+  "homepage": "https://github.com/chakra-ui/chakra-ui-vue-next#readme",
+  "license": "MIT",
+  "files": [
+    "dist"
+  ],
+  
   "publishConfig": {
     "access": "public"
   },

package.json

@@ -27,7 +27,8 @@
     "system": "yarn workspace @chakra-ui/vue-system",
     "theme": "yarn workspace @chakra-ui/vue-theme",
     "nuxt": "yarn workspace @chakra-ui/nuxt-next",
-    "test-utils": "yarn workspace @chakra-ui/vue-test-utils"
+    "test-utils": "yarn workspace @chakra-ui/vue-test-utils",
+    "c-reset": "yarn workspace @chakra-ui/c-reset"
   },
   "license": "MIT",
   "private": true,

packages/c-reset/README.md

@@ -0,0 +1,11 @@
+# @chakra-ui/c-reset
+
+Chakra ui vue s lobal styles reset component
+
+## Installation
+
+```sh
+yarn add @chakra-ui/c-reset
+# or
+npm i @chakra-ui/c-reset
+```

packages/c-reset/package.json

@@ -0,0 +1,46 @@
+{
+  "name": "@chakra-ui/c-reset",
+  "description": "Chakra UI Vue | Chakra ui vue s lobal styles reset component component",
+  "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",
+  "exports": {
+    ".": {
+      "require": "./dist/cjs/index.js",
+      "default": "./dist/esm/index.js"
+    }
+  },
+  "author": "Jonathan Bakebwa <[email protected]>",
+  "homepage": "https://github.com/chakra-ui/chakra-ui-vue-next#readme",
+  "license": "MIT",
+  "files": [
+    "dist"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/chakra-ui/chakra-ui-vue-next.git"
+  },
+  "bugs": {
+    "url": "https://github.com/chakra-ui/chakra-ui=vue-next/issues"
+  },
+  "scripts": {
+    "build": "concurrently yarn:build:*",
+    "build:esm": "cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts -d dist/esm --source-maps",
+    "build:cjs": "cross-env BABEL_ENV=cjs babel src --root-mode upward --extensions .ts -d dist/cjs --source-maps",
+    "build:types": "tsc --emitDeclarationOnly --declaration --declarationDir dist/types",
+    "watch": "concurrently yarn:watch:*",
+    "watch:esm": "cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts -d dist/esm --source-maps --watch",
+    "watch:cjs": "cross-env BABEL_ENV=cjs babel src --root-mode upward --extensions .ts -d dist/cjs --source-maps --watch",
+    "watch:types": "tsc --emitDeclarationOnly --declaration --declarationDir dist/types --watch"
+  },
+  "dependencies": {
+    "@chakra-ui/styled-system": "^1.4.1",
+    "@chakra-ui/vue-system": "*",
+    "@chakra-ui/vue-utils": "*"
+  },
+  "peerDependencies": {
+    "vue": ">=3.0.5"
+  }
+}