docs(zh-Hant): add chinese traditional translation (nuxt#253)

* docs(zh-Hant): add chinese traditional translation

* remove: remove zh-Hant unnecessary files

Author: Steven Ho

docs/.vuepress/config.js

@@ -21,6 +21,11 @@ module.exports = {
       lang: 'pt',
       title: 'Nuxt TypeScript',
       description: 'Suporte de Typescript para Nuxt.js'
+    },
+    '/zh-Hant/' : {
+      lang: 'zh-Hant',
+      title: 'Nuxt TypeScript',
+      description: 'Nuxt.js 的 Typescript 支援'
     }
   },
   plugins: [
@@ -115,7 +120,26 @@ module.exports = {
             link: '/examples/options-api/minimal'
           }
         ]
-      }
+      },
+      '/zh-Hant/': {
+        label: '繁體中文',
+        selectText: '語言',
+        editLinkText: '在 GitHub 上編輯此頁',
+        sidebar: {
+          '/examples': getExamplesSidebar(),
+          '/zh-Hant/': getMainSidebar('/zh-Hant', '快速入門', '更多使用方式')
+        },
+        nav: [
+          {
+            text: '導覽',
+            link: '/zh-Hant/guide/'
+          },
+          {
+            text: '範例',
+            link: '/examples/options-api/minimal'
+          }
+        ]
+      },
     }
   }
 }

docs/zh-Hant/cookbook/components/index.md

@@ -0,0 +1,58 @@
+# 元件
+
+在 [**單一元件檔 (SFC)**](https://vuejs.org/v2/guide/single-file-components.html) 時， `script` 標籤必須指定成 `ts` 語言。
+```html
+<script lang="ts">
+  // 這裡編寫 TypeScript 程式碼
+</script>
+```
+
+## 模板
+
+<<< @/cookbook/components/template.html
+
+## Script
+
+
+<tabs :options="{ useUrlFragment: false }">
+  <tab name="Options API">  
+
+<<< @/cookbook/components/script.options-api.ts
+
+  </tab>
+  <tab name="Composition API">
+
+使用 [@vue/composition-api](https://github.com/vuejs/composition-api) 擴充元件
+
+::: tip Plugin 安裝方法
+
+```js
+// plugins/composition-api.js
+import Vue from 'vue'
+import VueCompositionApi from '@vue/composition-api'
+
+Vue.use(VueCompositionApi)
+```
+
+```js
+// nuxt.config.js
+export default {
+  plugins: ['@/plugins/composition-api']
+}
+```
+
+此 擴充元件 註冊後才能讓 `steup` 在元件中產生作用。
+
+:::
+
+<<< @/cookbook/components/script.composition-api.ts
+
+  </tab>
+  <tab name="Class API">  
+
+透過 [vue-property-decorator](https://github.com/kaorun343/vue-property-decorator) 來使用 [vue-class-component](https://github.com/vuejs/vue-class-component) 
+
+<<< @/cookbook/components/script.class-api.ts
+
+  </tab>
+</tabs>

docs/zh-Hant/cookbook/configuration.md

@@ -0,0 +1,11 @@
+# 設定 (Runtime)
+
+```ts
+import { Configuration } from '@nuxt/types'
+
+const config: Configuration = {
+  // 透過 自動完成 以及 型別檢查 定義設定
+}
+
+export default config
+```

docs/zh-Hant/cookbook/middlewares.md

@@ -0,0 +1,11 @@
+# 中介層
+
+```ts
+import { Middleware } from '@nuxt/types'
+
+const myMiddleware: Middleware = (context) => {
+  // 使用 context
+}
+
+export default myMiddleware
+```

docs/zh-Hant/cookbook/modules.md

@@ -0,0 +1,21 @@
+# 模組 (Runtime)
+
+```ts
+import { Module } from '@nuxt/types'
+
+interface Options {
+  a: boolean
+  b: number
+  c: string
+}
+
+const myModule: Module<Options> = function (moduleOptions) {
+  // 使用 this, this.options, this.nuxt
+  // 使用 moduleOptions
+}
+
+export default myModule
+
+// 如果要將這個模組發佈成 npm 套件時，必要使用
+// export const meta = require('./package.json')
+```

docs/zh-Hant/cookbook/plugins.md

@@ -0,0 +1,123 @@
+# 擴充元件
+
+## I. 注入到 Vue 實例
+
+### Plugin
+
+```ts
+declare module 'vue/types/vue' {
+  interface Vue {
+    $myInjectedFunction(message: string): void
+  }
+}
+
+Vue.prototype.$myInjectedFunction = (message: string) => console.log(message)
+```
+
+### 使用方法
+
+```html
+<template>
+  <div>
+    <button @click="$myInjectedFunction()">Click me !</button>
+    <button @click="someMethod">Click me !</button>
+  </div>
+</template>
+
+<script lang="ts">
+import Vue from 'vue'
+
+export default Vue.extend({
+  mounted () {
+    this.$myInjectedFunction('works in mounted')
+  }
+})
+</script>
+```
+
+## II. 注入到 context
+
+### Plugin
+
+```ts
+import { Plugin } from '@nuxt/types'
+
+declare module '@nuxt/types' {
+  interface Context {
+    $myInjectedFunction(message: string): void
+  }
+}
+
+const myPlugin: Plugin = (context) => {
+  context.$myInjectedFunction = (message: string) => console.log(message)
+}
+
+export default myPlugin
+```
+
+### 使用方法
+
+```html
+<script lang="ts">
+import Vue from 'vue'
+
+export default Vue.extend({
+  asyncData (context) {
+    context.$myInjectedFunction('works in asyncData')
+  }
+})
+</script>
+```
+
+## III. 兩者一起注入
+
+### Plugin
+
+```ts
+import { Plugin } from '@nuxt/types'
+
+declare module 'vue/types/vue' {
+  interface Vue {
+    $myInjectedFunction(message: string): void
+  }
+}
+
+declare module '@nuxt/types' {
+  interface NuxtAppOptions {
+    $myInjectedFunction(message: string): void
+  }
+}
+
+declare module 'vuex/types/index' {
+  interface Store<S> {
+    $myInjectedFunction(message: string): void
+  }
+}
+
+const myPlugin: Plugin = (context, inject) => {
+  inject('myInjectedFunction', (message: string) => console.log(message))
+}
+
+export default myPlugin
+```
+
+### 使用方法
+
+```html
+<script lang="ts">
+import Vue from 'vue'
+
+export default Vue.extend({
+  mounted () {
+    this.$myInjectedFunction('works in mounted')
+  },
+  asyncData (context) {
+    context.app.$myInjectedFunction('works in asyncData')
+  }
+})
+</script>
+```
+
+::: tip
+請注意， `inject` 是在 `context.app` 中注入，並不會存在於 `context` 中。
+:::

docs/zh-Hant/cookbook/server-middlewares.md

@@ -0,0 +1,15 @@
+---
+next: false
+---
+
+# 伺服器渲染中介層 (Runtime)
+
+```ts
+import { ServerMiddleware } from '@nuxt/types'
+
+const myServerMiddleware: ServerMiddleware = function (req, res, next) {
+  // 使用 req, res, next
+}
+
+export default myServerMiddleware
+```