Merge branch 'master' of https://github.com/chakra-ui/chakra-ui-vue into release/css-props

Author: codebender828

website/pages/icon.mdx

@@ -95,6 +95,34 @@ Vue.use(Chakra, {
 })
 ```
 
+### In Nuxt.js
+In your `nuxt.config.js` file import the icons you wish to use and add them to the Chakra module options.
+```js
+// Import FontAwesome icons
+import { faGlobeAfrica, faEnvelope } from '@fortawesome/free-solid-svg-icons'
+
+export default {
+  ...
+  modules: [
+    '@chakra-ui/nuxt',
+    '@nuxtjs/emotion'
+  ],
+  chakra: {
+    icons: {
+      // Here we state that we use `fa`
+      // icons library for Chakra's
+      // internal icon parser
+      iconPack: 'fa',
+      iconSet: {
+        faGlobeAfrica,
+        faEnvelope
+      }
+    }
+  }
+  ...
+}
+```
+
 ## Adding custom icons
 
 All Chakra icons are registered in the Chakra plugin under the `icons.extend` key. So you

website/pages/stack.mdx

@@ -25,7 +25,7 @@ By default, each item is stacked vertically. Stack clones it's children and pass
         <c-heading>See the Vue</c-heading>
         <c-text :mt="4">Vue makes front-end development a breeze.</c-text>
     </c-box>
-      <c-box :p="5" shadow="md" border-width="1px">
+    <c-box :p="5" shadow="md" border-width="1px">
         <c-heading>Go Nuxt!</c-heading>
         <c-text :mt="4">Nuxt makes writing Vue even easier.</c-text>
     </c-box>