Merge branch 'develop' into all-contributors/add-HoukasaurusRex

Author: codebender828

packages/chakra-ui-core/CHANGELOG.md

@@ -1,5 +1,16 @@
 # Change Log
 
+## 0.8.0
+
+### Minor Changes
+
+- [`8af1c07`](https://github.com/chakra-ui/chakra-ui-vue/commit/8af1c07404d2cfa94bb338e4268c5e0869a50776) Thanks [@codebender828](https://github.com/codebender828)! - Adds type definitions, aspect-ratio-box fixes, switch fixes and collapse fixes
+- feat: add type definition of component #380 by @odanado 
+- feat: CCollapse now renders with collapsed height if initially closed by @codebender828 . closes #269
+- fix: Set ccollapse height to auto on enter complete, unless finalHeight wa... #384  by @IHIutch 
+- fix: Add position: relative to switch label #396 by @IHIutch 
+- fix: Deeply nested aspect-ratio by @IHIutch 
+
 ## 0.7.4
 
 ### Patch Changes

packages/chakra-ui-core/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@chakra-ui/vue",
-  "version": "0.7.4",
+  "version": "0.8.0",
   "description": "Build Accessible and Responsive Vue.js websites and applications with speed ⚡️",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",

packages/chakra-ui-nuxt/CHANGELOG.md

@@ -1,5 +1,21 @@
 # Change Log
 
+## 0.3.0
+
+### Minor Changes
+
+- [`8af1c07`](https://github.com/chakra-ui/chakra-ui-vue/commit/8af1c07404d2cfa94bb338e4268c5e0869a50776) Thanks [@codebender828](https://github.com/codebender828)! - Adds type definitions, aspect-ratio-box fixes, switch fixes and collapse fixes
+- feat: add type definition of component #380 by @odanado 
+- feat: CCollapse now renders with collapsed height if initially closed by @codebender828 . closes #269
+- fix: Set ccollapse height to auto on enter complete, unless finalHeight wa... #384  by @IHIutch 
+- fix: Add position: relative to switch label #396 by @IHIutch 
+- fix: Deeply nested aspect-ratio by @IHIutch 
+
+### Patch Changes
+
+- Updated dependencies [[`8af1c07`](https://github.com/chakra-ui/chakra-ui-vue/commit/8af1c07404d2cfa94bb338e4268c5e0869a50776)]:
+  - @chakra-ui/vue@0.8.0
+
 ## 0.2.4
 
 ### Patch Changes

packages/chakra-ui-nuxt/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@chakra-ui/nuxt",
-  "version": "0.2.4",
+  "version": "0.3.0",
   "description": "Chakra UI Module for Nuxt.js",
   "repository": "https://github.com/chakra-ui/chakra-ui-vue",
   "license": "MIT",
@@ -18,7 +18,7 @@
     "test": "jest"
   },
   "dependencies": {
-    "@chakra-ui/vue": "^0.7.4",
+    "@chakra-ui/vue": "^0.8.0",
     "chakra-loader": "latest",
     "@emotion/css": "^11.0.0"
   },

website/CHANGELOG.md

@@ -1,5 +1,12 @@
 # Change Log
 
+## 0.5.6
+
+### Patch Changes
+
+- Updated dependencies [[`8af1c07`](https://github.com/chakra-ui/chakra-ui-vue/commit/8af1c07404d2cfa94bb338e4268c5e0869a50776)]:
+  - @chakra-ui/vue@0.8.0
+
 ## 0.5.5
 
 ### Patch Changes

website/package.json

@@ -1,6 +1,6 @@
 {
   "name": "chakra-ui-docs",
-  "version": "0.5.5",
+  "version": "0.5.6",
   "description": "Chakra UI Vue documentation site",
   "private": true,
   "scripts": {
@@ -27,7 +27,7 @@
   },
   "dependencies": {
     "@chakra-ui/theme-vue": "^0.2.10",
-    "@chakra-ui/vue": "^0.7.4",
+    "@chakra-ui/vue": "^0.8.0",
     "@emotion/css": "^11.0.0",
     "@mdx-js/vue-loader": "^1.6.1",
     "@nuxtjs/dotenv": "^1.4.0",

website/pages/with-vuepress.mdx

@@ -74,7 +74,7 @@ export default ({
       }
     }
   })
-})
+}
 ```
 
 Now you can wrap your main application inside the Chakra `CThemeProvider` component by creating a layout wrapper in `theme/layouts/Layout.vue`.
@@ -105,7 +105,11 @@ export default {
 
 ## Using Chakra components
 
-_In your `App.vue` file._
+You can now use Chakra in your custom components for your theme in either your `theme/components` folder (available to other theme components),
+or your `theme/global-components` folder (available to your markdown pages as well as other components).
+Learn more about theme inheritance in the [Vuepress documentation](https://vuepress.vuejs.org/theme/inheritance.html#inheritance-strategy)
+
+_In your `my-component.vue` file._
 
 ```vue
 <template>
@@ -120,7 +124,7 @@ _In your `App.vue` file._
 import { CBox, CButton } from '@chakra-ui/vue'
 
 export default {
-  name: 'App',
+  name: 'MyComponent',
   components: {
     CBox,
     CButton
@@ -129,11 +133,11 @@ export default {
 </script>
 ```
 
-### Codesandbox starters
+### Vuepress Codesandbox Starters
+
+Here's a link to sample component starter with Nuxt.js
 
-- [Vue Starter](https://codesandbox.io/s/chakra-ui-vue-starter-2sy0g)
-- [Nuxt Starter](https://codesandbox.io/s/chakra-ui-nuxt-demo-f8tq4)
-- [Gridsome Starter](https://codesandbox.io/s/chakra-ui-gridsome-demo-038c9)
+- [Vuepress Starter](https://codesandbox.io/s/chakra-ui-vuepress-starter-qx4up)
 
 ### Storybook Components
 

website/utils/all-routes.js

@@ -60,6 +60,7 @@ export const components = [
 export const topNavLinks = [
   'Getting Started',
   'With Nuxt',
+  'With Vuepress',
   'Plugin Options',
   'Principles',
   'Style Props',