fix(style-props): removed old code

Author: codebender828

package.json

@@ -141,7 +141,7 @@
     "@testing-library/user-event": "^10.0.0",
     "@testing-library/vue": "^4.1.0",
     "@vue/devtools": "^5.3.3",
-    "babel-eslint": "^10.0.1",
+    "babel-eslint": "^10.1.0",
     "bundlesize": "^0.18.0",
     "cross-env": "^7.0.2",
     "eslint-config-prettier": "^6.10.0",

packages/chakra-ui-docs/components/Hero.vue

@@ -27,12 +27,12 @@
           flex-dir="row"
         >
           <CButton
-            as="nuxt-link"
             text-decoration="none"
             to="/getting-started"
             left-icon="bolt"
             variant-color="vue"
             size="lg"
+            @click="$router.push('/getting-started')"
           >
             Get started
           </CButton>

packages/chakra-ui-docs/layouts/default.vue

@@ -28,7 +28,7 @@
                 </keep-alive>
                 <Footer v-if="$route.path === '/'" />
                 <FileContributors />
-                <!-- <BottomLink v-if="$route.path !== '/'" /> -->
+                <BottomLink v-if="$route.path !== '/'" />
               </CBox>
             </CFlex>
           </CBox>
@@ -54,7 +54,7 @@ import Navbar from '../components/Navbar'
 import Sidebar from '../components/Sidebar'
 import Footer from '../components/Footer'
 import FileContributors from '../components/FileContributors'
-// import BottomLink from '../components/BottomLink'
+import BottomLink from '../components/BottomLink'
 
 // import { stringToUrl } from '../utils'
 
@@ -70,8 +70,8 @@ export default {
     Sidebar,
     Footer,
     CReset,
-    CFlex
-    // BottomLink
+    CFlex,
+    BottomLink
   },
   data () {
     return {

packages/chakra-ui-docs/pages/alert.mdx

@@ -73,7 +73,7 @@ The status of the alerts can be changed by passing the `status` prop. This affec
 ```
 
 ### Custom Alert icons
-You can also use custom Alert icons by passing the name of the icon in the `name` prop of the `CAlertIcon`. <nuxt-link to="/icons">Click here</nuxt-link> to see how to add icons to your Chakra app.
+You can also use custom Alert icons by passing the name of the icon in the `name` prop of the `CAlertIcon`. [Click here](/icon) to see how to add icons to your Chakra app.
 
 ```vue live=true
 <c-alert>

packages/chakra-ui-docs/pages/breadcrumb.mdx

@@ -182,4 +182,4 @@ The `CBreadcrumbLink` composes the <nuxt-link to="/link">CLink</nuxt-link> compo
 
 ### BreadcrumbSeparator Props
 
-The BreadcrumbSeparator composes the <nuxt-link to="/boc">CBox</nuxt-link> component so it accepts all CBox props.
+The BreadcrumbSeparator composes the <nuxt-link to="/box">CBox</nuxt-link> component so it accepts all CBox props.

packages/chakra-ui-docs/pages/button.mdx

@@ -70,7 +70,7 @@ Use the `variant` prop to change the visual style of the `CButton`. You can set
 
 ### Button with Icon
 
-You can add left and right icons to the Button component. See how to [add icons](#/icons) to your project.
+You can add left and right icons to the Button component. See how to [add icons](#/icon) to your project.
 
 ```vue live=true
 <c-button-group :spacing="4">

packages/chakra-ui-docs/pages/grid.mdx

@@ -51,4 +51,4 @@ time.
 
 ## Props
 
-> `CGrid` composes the `CBox` component. So it accepts all Box props along with the related CSS grid props. See <nuxt-link to="/box#props">Box</nuxt-link> component for list of props
+> `CGrid` composes the `CBox` component. So it accepts all Box props along with the related CSS grid props. See [Box](/box#props) component for list of props

packages/chakra-ui-docs/pages/iconbutton.mdx

@@ -65,7 +65,7 @@ the button.
 ### With custom icon
 
 The `CIconButton` component accepts all icons accessible under `this.$chakra.icons`. You can
-see <nuxt-link to="/icons#using-an-icon-library">Icon</nuxt-link> to see how to add fontawesome icons
+see <nuxt-link to="/icon#using-an-icon-library">Icon</nuxt-link> to see how to add fontawesome icons
 to Chakra UI.
 
 ```vue live=true

packages/chakra-ui-docs/pages/index.vue

@@ -4,7 +4,7 @@
       title="Chakra UI Vue | Simple, Modular and Accessible UI Components for your Vue Applications."
       description="Simple, Modular and Accessible UI Components for your Vue Applications."
     />
-    <!-- <Hero /> -->
+    <Hero />
     <CFlex
       as="section"
       py="10"
@@ -84,15 +84,15 @@
 
 <script>
 import { CBox, CFlex, CIcon, CHeading, CGrid } from '@chakra-ui/vue'
-// import Hero from '~/components/Hero.vue'
+import Hero from '~/components/Hero.vue'
 import Footer from '~/components/Footer.vue'
 import SEO from '~/components/SEO'
 import Example from '~/components/Example.vue'
 
 export default {
   layout: 'home',
   components: {
-    // Hero,
+    Hero,
     Footer,
     Example,
     CBox,