[文档|Docs]: 中文文档翻译 ｜ Chinese Documentation Translation

package.json

@@ -18,6 +18,8 @@
     ]
   },
   "scripts": {
+    "postinstall": "yarn test && yarn build:dev && yarn theme:dev && lerna link",
+    "build:dev": "yarn workspace @chakra-ui/vue run rollup --config rollup.dev.config.js",
     "build": "yarn workspace @chakra-ui/vue build",
     "dev": "yarn workspace @chakra-ui/vue dev",
     "lint": "vue-cli-service lint",
@@ -31,7 +33,7 @@
     "bootstrap": "lerna bootstrap --use-workspaces",
     "deploy-storybook": "storybook-to-ghpages -- --out=.out",
     "now-build-storybook": "build-storybook -o dist/storybook",
-    "docs:dev": "yarn theme:dev && yarn docs-dev",
+    "docs:dev": "yarn docs-dev",
     "theme:dev": "yarn workspace @chakra-ui/theme-vue build",
     "docs-dev": "yarn workspace chakra-ui-docs dev",
     "evalbundle": "bundlesize"
@@ -108,7 +110,7 @@
     "mixpanel-browser": "^2.36.0",
     "node-fetch": "^2.6.0",
     "node-sass": "^4.13.1",
-    "nuxt": "^2.0.0",
+    "nuxt": "^2.12.2",
     "portal-vue": "^2.1.6",
     "prismjs": "^1.19.0",
     "register-service-worker": "^1.6.2",

packages/chakra-ui-docs/modules/routes.js

@@ -0,0 +1,26 @@
+export default async function buildRoutes (options = {}) {
+  this.options.build.additionalExtensions = ['mdx']
+
+  if (this.options.extensions) {
+    const extensions = this.options.extensions
+    !extensions.includes('mdx') && extensions.push('mdx')
+
+    this.options.build.additionalExtensions = ['mdx']
+
+    this.extendBuild((config) => {
+      if (config.resolve.extensions) {
+        config.resolve.extensions.push('.mdx')
+      } else {
+        config.resolve.extensions = ['.mdx']
+      }
+
+      config.module.rules.push({
+        test: /\.mdx$/,
+        use: [
+          'babel-loader',
+          'mdx-vue-loader'
+        ]
+      })
+    })
+  }
+}

packages/chakra-ui-docs/nuxt.config.js

@@ -1,11 +1,4 @@
 import dotenv from 'dotenv-defaults'
-import { stringToUrl } from './utils'
-import pages from './utils/all-routes'
-
-const routes = pages
-  .map(page => {
-    return page === 'Index' ? stringToUrl('') : stringToUrl(page)
-  })
 
 // Configuring dotenv variables.
 dotenv.config({
@@ -15,10 +8,10 @@ dotenv.config({
 
 export default {
   mode: 'universal',
-  srcDir: __dirname,
-  generate: {
-    routes
+  options: {
+    target: 'static'
   },
+  srcDir: __dirname,
   head: {
     title: 'Chakra UI Vue | Simple, Modular and Accessible UI Components for your Vue Applications.',
     meta: [
@@ -52,8 +45,11 @@ export default {
       ssr: 'critical'
     }],
     '@nuxtjs/pwa',
-    '@nuxtjs/router'
+    'modules/routes'
   ],
+  router: {
+    prefetchLinks: true
+  },
   pwa: {
     meta: {
       name: 'Chakra UI Vue',
@@ -66,20 +62,20 @@ export default {
       iconFileName: 'chakra.png'
     }
   },
+  extensions: [
+    'mdx'
+  ],
   build: {
     transpile: [
       'vue-lorem-ipsum',
+      '@chakra-ui/vue',
       '@chakra-ui/theme-vue'
     ],
+    additionalExtensions: [
+      '.mdx'
+    ],
     extend (config, ctx) {
       config.resolve.alias.vue = 'vue/dist/vue.common'
-      config.module.rules.push({
-        test: /\.mdx$/,
-        use: [
-          'babel-loader',
-          'mdx-vue-loader'
-        ]
-      })
     }
   }
 }

packages/chakra-ui-docs/package.json

@@ -6,6 +6,8 @@
   "scripts": {
     "dev": "nuxt",
     "build": "nuxt generate --max_old_space_size=8000",
+    "build-static":"nuxt build --target static",
+    "export": "nuxt export",
     "start": "nuxt start --max_old_space_size=8000",
     "docs:build": "nuxt ",
     "lint": "eslint --ext .js,.vue --ignore-path .gitignore ."
@@ -43,7 +45,7 @@
     "mdx-vue-loader": "^1.0.2",
     "mixpanel-browser": "^2.36.0",
     "node-sass": "^4.13.1",
-    "nuxt": "^2.0.0",
+    "nuxt": "^2.12.2",
     "prismjs": "^1.19.0",
     "sass-loader": "^8.0.2",
     "vue": "^2.6.11",

packages/chakra-ui-docs/pages/zh/accessibility.mdx

@@ -0,0 +1,2 @@
+# 可访问性
+