Merge pull request #19 from chakra-ui/docs/setup

Docs/setup

Author: codebender828

@types/index.d.ts

@@ -0,0 +1,35 @@
+
+import Default from '../../layouts/default.vue'
+import { domElements, chakra } from '@chakra-ui/vue-system'
+import ChakraUIVue from '@chakra-ui/vue-next'
+// import kebabCase from 'lodash.kebabcase'
+function kebabCase(key) {
+  const result = key.replace(/([A-Z])/g, " $1").trim();
+  return result.split(" ").join("-").toLowerCase();
+}
+
+export default {
+  Layout: Default,
+  NotFound: () => 'custom 404', // <- this is a Vue 3 functional component
+  enhanceApp({ app }) {
+    // app is the Vue 3 app instance from `createApp()`. router is VitePress'
+    // custom router. `siteData`` is a `ref`` of current site-level metadata.
+    app.use(ChakraUIVue, {
+      icons: {
+        library: {
+          feActivity
+        }
+      }
+    })
+  
+    domElements.forEach((tag) => {
+      app.component(`chakra.${tag}`, chakra(tag))
+    })
+
+    Object.keys(ChakraUIVue).forEach((component) => {
+      if (kebabCase(component).startsWith('c-')) {
+        app.component(component, ChakraUIVue[component])
+      }
+    })
+  }
+}

@types/jsx.d.ts

@@ -0,0 +1,80 @@
+module.exports = {
+  lang: 'en-US',
+  title: '@chakra-ui/vue@next',
+  description: 'Build accessible Vue apps with speed',
+
+  themeConfig: {
+    repo: 'chakra-ui/chakra-ui-vue-next',
+    docsDir: 'docs',
+
+    editLinks: true,
+    editLinkText: 'Edit this page on GitHub',
+    lastUpdated: 'Last Updated',
+
+    nav: [
+      { text: 'Guide', link: '/', activeMatch: '^/$|^/guide/' },
+      {
+        text: 'Config Reference',
+        link: '/config/basics',
+        activeMatch: '^/config/'
+      },
+      {
+        text: 'Release Notes',
+        link: 'https://github.com/chakra-ui/chakra-ui-vue-next/releases'
+      }
+    ],
+
+    sidebar: {
+      '/setup/': getSetupSidebar(),
+      '/components/': getSetupSidebar(),
+      '/': getSetupSidebar()
+    }
+  }
+}
+
+function getSetupSidebar() {
+  return [
+    {
+      text: 'Introduction',
+      children: [
+        { text: 'Chakra UI Vue', link: '/' },
+        { text: 'Getting Started', link: '/guide/getting-started' }
+      ]
+    },
+    {
+      text: 'Components',
+      children: [
+        { text: 'Alert', link: '/components/alert' },
+        { text: 'Button', link: '/components/button' },
+        { text: 'Icon', link: '/components/icon' },
+        { text: 'Spinner', link: '/components/spinner' },
+        { text: 'CSS reset', link: '/components/css-reset' },
+        { text: 'Visually hidden', link: '/components/visually-hidden' },
+      ]
+    }
+  ]
+}
+
+function getComponentsSidebar() {
+  return [
+    {
+      text: 'Components',
+      children: [
+        { text: 'Alert', link: '/components/alert' },
+        { text: 'Button', link: '/components/button' },
+        { text: 'Icon', link: '/components/icon' },
+        { text: 'Spinner', link: '/components/spinner' },
+        { text: 'CSS reset', link: '/components/css-reset' },
+        { text: 'Visually hidden', link: '/components/visually-hidden' },
+      ]
+    },
+    // {
+    //   text: 'Theme',
+    //   children: [
+    //     { text: 'Homepage', link: '/config/homepage' },
+    //     { text: 'Algolia Search', link: '/config/algolia-search' },
+    //     { text: 'Carbon Ads', link: '/config/carbon-ads' }
+    //   ]
+    // }
+  ]
+}

docs/.vitepress/__theme/index.js

@@ -0,0 +1,3 @@
+# Alert
+
+> TODO

docs/.vitepress/config.js

@@ -0,0 +1,3 @@
+# Button
+
+> TODO

docs/components/alert.md

@@ -0,0 +1,3 @@
+# CSS Reset
+
+> TODO

docs/components/button.md

@@ -0,0 +1,3 @@
+# Icon
+
+> TODO

docs/components/css-reset.md

@@ -0,0 +1,3 @@
+# Spinner
+
+> TODO

docs/components/icon.md

@@ -0,0 +1,3 @@
+# Visually hidden
+
+> TODO