feat: add typescript support using typescript-build

saofile.js

@@ -25,6 +25,16 @@ module.exports = {
       default: '{gitUser.name}',
       store: true
     },
+    {
+      name: 'language',
+      message: 'Choose programming language',
+      choices: [
+        { name: 'JavaScript', value: 'js' },
+        { name: 'TypeScript', value: 'ts' }
+      ],
+      type: 'list',
+      default: 'yarn'
+    },
     {
       name: 'pm',
       message: 'Choose the package manager',
@@ -72,6 +82,16 @@ module.exports = {
       ],
       default: 'none'
     },
+    {
+      name: 'runtime',
+      message: 'Choose the runtime for TypeScript',
+      type: 'list',
+      choices: [
+        { name: 'Default', value: 'none' },
+        { name: '@nuxt/typescript-runtime', value: 'ts-runtime' }
+      ],
+      when: answers => answers.language === 'ts' && answers.server === 'none'
+    },
     {
       name: 'features',
       message: 'Choose Nuxt.js modules',
@@ -121,12 +141,15 @@ module.exports = {
       message: 'Choose development tools',
       type: 'checkbox',
       choices: [
-        { name: 'jsconfig.json (Recommended for VS Code)', value: 'jsconfig.json' }
+        { name: 'jsconfig.json (Recommended for VS Code)', value: 'jsconfig.json' },
+        { name: 'tsconfig.json (Recommended for VS Code and TypeScript)', value: 'tsconfig.json' }
       ],
       default: []
     }
   ],
   templateData () {
+    const typescript = this.answers.language.includes('ts')
+    const tsRuntime = this.answers.runtime.includes('ts-runtime')
     const pwa = this.answers.features.includes('pwa')
     const eslint = this.answers.linter.includes('eslint')
     const prettier = this.answers.linter.includes('prettier')
@@ -139,6 +162,8 @@ module.exports = {
     const edge = cliOptions.edge ? '-edge' : ''
 
     return {
+      typescript,
+      tsRuntime,
       pwa,
       eslint,
       prettier,
@@ -213,7 +238,8 @@ module.exports = {
       filters: {
         '_.eslintrc.js': 'linter.includes("eslint")',
         '.prettierrc': 'linter.includes("prettier")',
-        'jsconfig.json': 'devTools.includes("jsconfig.json")'
+        'jsconfig.json': 'devTools.includes("jsconfig.json")',
+        'tsconfig.json': 'devTools.includes("tsconfig.json")'
       }
     })
 

template/_package.json

@@ -6,10 +6,17 @@
   "private": true,
   "scripts": {
     <%_ if (server === 'none') { _%>
+      <%_ if (tsRuntime) { _%>
+    "dev": "nuxt-ts",
+    "build": "nuxt-ts build",
+    "generate": "nuxt-ts generate",
+    "start": "nuxt-ts start",
+      <%_ } else { _%>
     "dev": "nuxt",
     "build": "nuxt build",
     "start": "nuxt start",
     "generate": "nuxt generate",
+      <%_ } _%>
     <%_ } else if (server === 'adonis') { _%>
     "serve:dev": "<%= pmRun %> dev",
     "dev": "nodemon --watch app --watch bootstrap --watch config --watch .env -x node server.js",
@@ -49,6 +56,9 @@
     <%_ } else { _%>
     "nuxt": "^2.0.0",
     <%_ } _%>
+    <%_ if (tsRuntime) { _%>
+    "@nuxt/typescript-runtime": "^0.1.3",
+    <%_ } _%>
     <%_ if (server !== 'none') { _%>
     "cross-env": "^5.2.0",
     <%_ } _%>
@@ -111,6 +121,9 @@
     <%_ if (server !== 'none') { _%>
     "nodemon": "^1.18.9",
     <%_ } _%>
+    <%_ if (typescript) { _%>
+    "@nuxt/typescript-build": "^0.1.10",
+    <%_ } _%>
     <%_ if (ui === 'tailwind') { _%>
     "@nuxtjs/tailwindcss": "^1.0.0",
     <%_ } else if (ui === 'vuetify') { _%>

template/nuxt/nuxt.config.js

@@ -82,7 +82,11 @@ module.exports = {
   /*
   ** Nuxt.js dev-modules
   */
+
   buildModules: [
+    <%_ if (typescript) {_%>
+    '@nuxt/typescript-build',
+    <%_ } _%>
     <%_ if (eslint) { _%>
     // Doc: https://github.com/nuxt-community/eslint-module
     '@nuxtjs/eslint-module',

template/nuxt/pages/index.vue

@@ -28,7 +28,11 @@
   </div>
 </template>
 
+<%_ if (typescript) { _%>
+<script lang="ts">
+<%_ } else { _%>
 <script>
+<%_ } _%>
 import Logo from '~/components/Logo.vue'
 
 export default {

template/tsconfig.json

@@ -0,0 +1,34 @@
+{
+  "compilerOptions": {
+    "target": "esnext",
+    "module": "esnext",
+    "moduleResolution": "node",
+    "lib": [
+      "esnext",
+      "esnext.asynciterable",
+      "dom"
+    ],
+    "esModuleInterop": true,
+    "allowJs": true,
+    "sourceMap": true,
+    "strict": true,
+    "noEmit": true,
+    "experimentalDecorators": true,
+    "baseUrl": ".",
+    "paths": {
+      "~/*": [
+        "./*"
+      ],
+      "@/*": [
+        "./*"
+      ]
+    },
+    "types": [
+      "@types/node",
+      "@nuxt/types"
+    ]
+  },
+  "exclude": [
+    "node_modules"
+  ]
+}