diff --git a/.eslintrc b/.eslintrc
index 5a7d66f55..37e661d96 100644
--- a/.eslintrc
+++ b/.eslintrc
@@ -6,6 +6,7 @@
     "use": true
   },
   "rules": {
-    "no-console": "off"
+    "no-console": "off",
+    "vue/no-parsing-error": "off"
   }
 }
diff --git a/packages/cna-template/template/frameworks/buefy/components/Card.vue b/packages/cna-template/template/frameworks/buefy/components/Card.vue
index 9c379b119..f4e77e0a7 100644
--- a/packages/cna-template/template/frameworks/buefy/components/Card.vue
+++ b/packages/cna-template/template/frameworks/buefy/components/Card.vue
@@ -26,8 +26,7 @@
   </div>
 </template>
 
-<script>
-export default {
+<%- generateComponent('', `{
   props: {
     title: {
       type: String,
@@ -38,5 +37,4 @@ export default {
       required: true
     }
   }
-}
-</script>
+}`) %>
diff --git a/packages/cna-template/template/frameworks/buefy/layouts/default.vue b/packages/cna-template/template/frameworks/buefy/layouts/default.vue
index ae8857201..482896839 100644
--- a/packages/cna-template/template/frameworks/buefy/layouts/default.vue
+++ b/packages/cna-template/template/frameworks/buefy/layouts/default.vue
@@ -52,8 +52,7 @@
   </div>
 </template>
 
-<script>
-export default {
+<%- generateComponent('', `{
   data () {
     return {
       items: [
@@ -70,5 +69,4 @@ export default {
       ]
     }
   }
-}
-</script>
+}`) %>
diff --git a/packages/cna-template/template/frameworks/buefy/pages/index.vue b/packages/cna-template/template/frameworks/buefy/pages/index.vue
index 2dcdf8275..6db6a61ae 100644
--- a/packages/cna-template/template/frameworks/buefy/pages/index.vue
+++ b/packages/cna-template/template/frameworks/buefy/pages/index.vue
@@ -40,14 +40,11 @@
   </section>
 </template>
 
-<script>
-import Card from '~/components/Card'
-
-export default {
+<%- generateComponent(
+  `import Card from '~/components/Card'`, `{
   name: 'HomePage',
 
   components: {
     Card
   }
-}
-</script>
+}`) %>
diff --git a/packages/cna-template/template/frameworks/framevuerk/components/FramevuerkLogo.vue b/packages/cna-template/template/frameworks/framevuerk/components/FramevuerkLogo.vue
index 98ddfbd50..84a5b920d 100644
--- a/packages/cna-template/template/frameworks/framevuerk/components/FramevuerkLogo.vue
+++ b/packages/cna-template/template/frameworks/framevuerk/components/FramevuerkLogo.vue
@@ -26,8 +26,7 @@
   </div>
 </template>
 
-<script>
-export default {
+<%- generateComponent('',`{
   data () {
     return {
       isReady: false
@@ -38,8 +37,7 @@ export default {
       this.isReady = true
     }, 1000)
   }
-}
-</script>
+}`) %>
 
 <style scoped>
 .logo {
diff --git a/packages/cna-template/template/frameworks/framevuerk/pages/index.vue b/packages/cna-template/template/frameworks/framevuerk/pages/index.vue
index b586762c7..7b2343aad 100644
--- a/packages/cna-template/template/frameworks/framevuerk/pages/index.vue
+++ b/packages/cna-template/template/frameworks/framevuerk/pages/index.vue
@@ -133,11 +133,9 @@
   </fvMain>
 </template>
 
-<script>
-import Logo from '~/components/Logo.vue'
-import FramevuerkLogo from '~/components/FramevuerkLogo.vue'
-
-export default {
+<%- generateComponent(
+  `import Logo from '~/components/Logo.vue'
+import FramevuerkLogo from '~/components/FramevuerkLogo.vue'`, `{
   components: {
     Logo,
     FramevuerkLogo
@@ -169,9 +167,7 @@ export default {
       })
     }
   }
-}
-</script>
-
+}`) %>
 <style scoped>
 .content {
   margin: 0 auto;
diff --git a/packages/cna-template/template/frameworks/iview/pages/index.vue b/packages/cna-template/template/frameworks/iview/pages/index.vue
index 52db87c2d..75187ce89 100644
--- a/packages/cna-template/template/frameworks/iview/pages/index.vue
+++ b/packages/cna-template/template/frameworks/iview/pages/index.vue
@@ -23,14 +23,12 @@
   </div>
 </template>
 
-<script>
-import Logo from '~/components/Logo.vue'
-export default {
+<%- generateComponent(
+`import Logo from '~/components/Logo.vue'`,`{
   components: {
     Logo
   }
-}
-</script>
+}`) %>
 
 <style>
 .container {
diff --git a/packages/cna-template/template/frameworks/vuesax/pages/index.vue b/packages/cna-template/template/frameworks/vuesax/pages/index.vue
index 37fc3b97d..60fc6eaaa 100644
--- a/packages/cna-template/template/frameworks/vuesax/pages/index.vue
+++ b/packages/cna-template/template/frameworks/vuesax/pages/index.vue
@@ -61,17 +61,15 @@
   </div>
 </template>
 
-<script>
-import Logo from '~/components/Logo.vue'
-import VuesaxLogo from '~/components/VuesaxLogo.vue'
-
-export default {
+<%- generateComponent(`
+  import Logo from '~/components/Logo.vue'
+  import VuesaxLogo from '~/components/VuesaxLogo.vue'
+`,`{
   components: {
     Logo,
     VuesaxLogo
   }
-}
-</script>
+}`)%>
 
 <style>
 .container {
diff --git a/packages/cna-template/template/frameworks/vuetify/layouts/default.vue b/packages/cna-template/template/frameworks/vuetify/layouts/default.vue
index e1849bd12..c61acbae9 100644
--- a/packages/cna-template/template/frameworks/vuetify/layouts/default.vue
+++ b/packages/cna-template/template/frameworks/vuetify/layouts/default.vue
@@ -88,8 +88,7 @@
   </v-app>
 </template>
 
-<script>
-export default {
+<%- generateComponent(``,`{
   data () {
     return {
       clipped: false,
@@ -113,5 +112,4 @@ export default {
       title: 'Vuetify.js'
     }
   }
-}
-</script>
+}`) %>
diff --git a/packages/cna-template/template/frameworks/vuetify/layouts/error.vue b/packages/cna-template/template/frameworks/vuetify/layouts/error.vue
index ae22f7cf0..3ec96eff1 100644
--- a/packages/cna-template/template/frameworks/vuetify/layouts/error.vue
+++ b/packages/cna-template/template/frameworks/vuetify/layouts/error.vue
@@ -12,8 +12,7 @@
   </v-app>
 </template>
 
-<script>
-export default {
+<%- generateComponent(``,`{
   layout: 'empty',
   props: {
     error: {
@@ -34,8 +33,7 @@ export default {
       title
     }
   }
-}
-</script>
+}`) %>
 
 <style scoped>
 h1 {
diff --git a/packages/cna-template/template/frameworks/vuetify/pages/index.vue b/packages/cna-template/template/frameworks/vuetify/pages/index.vue
index e18d03932..44a8254c1 100644
--- a/packages/cna-template/template/frameworks/vuetify/pages/index.vue
+++ b/packages/cna-template/template/frameworks/vuetify/pages/index.vue
@@ -79,14 +79,12 @@
   </v-layout>
 </template>
 
-<script>
-import Logo from '~/components/Logo.vue'
-import VuetifyLogo from '~/components/VuetifyLogo.vue'
-
-export default {
+<%- generateComponent(`
+  import Logo from '~/components/Logo.vue'
+  import VuetifyLogo from '~/components/VuetifyLogo.vue'
+`,`{
   components: {
     Logo,
     VuetifyLogo
   }
-}
-</script>
+}`) %>
diff --git a/packages/cna-template/template/nuxt/nuxt.config.js b/packages/cna-template/template/nuxt/nuxt.config.js
index 13903d371..197d8aa9b 100644
--- a/packages/cna-template/template/nuxt/nuxt.config.js
+++ b/packages/cna-template/template/nuxt/nuxt.config.js
@@ -180,7 +180,7 @@ module.exports = {
     /*
     ** You can extend webpack config here
     */
-    extend (config, ctx) {
+    extend (_config, _ctx) {
     }
   }
 }
diff --git a/packages/cna-template/template/nuxt/nuxt.config.ts b/packages/cna-template/template/nuxt/nuxt.config.ts
new file mode 100644
index 000000000..fc8c3d1bd
--- /dev/null
+++ b/packages/cna-template/template/nuxt/nuxt.config.ts
@@ -0,0 +1,182 @@
+
+import { Configuration } from '@nuxt/types'
+
+<%_ if (ui === 'vuetify') { _%>
+import colors from 'vuetify/es5/util/colors'
+<%_ } _%>
+<%_ if (server === 'adonis') { _%>
+  import { resolve } from 'path'
+<%_ } _%>
+
+const config: Configuration = {
+  mode: '<%= mode %>',
+  <%_ if (server === 'adonis') { _%>
+  dev: process.env.NODE_ENV === 'development',
+  srcDir: resolve(__dirname, '..', 'resources'),
+  <%_ } _%>
+  /*
+  ** Headers of the page
+  */
+  head: {
+    <%_ if (ui === 'vuetify') { _%>
+    titleTemplate: '%s - ' + process.env.npm_package_name,
+    <%_ } _%>
+    title: process.env.npm_package_name || '',
+    meta: [
+      { charset: 'utf-8' },
+      { name: 'viewport', content: 'width=device-width, initial-scale=1' },
+      { hid: 'description', name: 'description', content: process.env.npm_package_description || '' }
+    ],
+    link: [
+      <%_ if (ui === 'framevuerk') { _%>
+      {
+        rel: 'stylesheet',
+        href:
+          'https://fonts.googleapis.com/css?family=Roboto:300,400,500,700|Material+Icons'
+      },
+      <%_ } _%>
+      { rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' }
+    ]
+  },
+  /*
+  ** Customize the progress-bar color
+  */
+  loading: { color: '#fff' },
+  /*
+  ** Global CSS
+  */
+  css: [
+    <%_ if (ui === 'element-ui') { _%>
+    'element-ui/lib/theme-chalk/index.css'
+    <%_ } else if (ui === 'iview') { _%>
+    'iview/dist/styles/iview.css'
+    <%_ } else if (ui === 'ant-design-vue') { _%>
+    'ant-design-vue/dist/antd.css'
+    <%_ } else if (ui === 'tachyons') { _%>
+    'tachyons/css/tachyons.css'
+    <%_ } else if (ui === 'framevuerk') { _%>
+      'framevuerk/dist/framevuerk-nuxt.min.css'
+    <%_ } else if (ui === 'vuesax') { _%>
+    'vuesax/dist/vuesax.css'
+    <%_ } _%>
+  ],
+  /*
+  ** Plugins to load before mounting the App
+  */
+  plugins: [
+    <%_ if (ui === 'element-ui') { _%>
+    '@/plugins/element-ui'
+    <%_ } else if (ui === 'iview') { _%>
+    '@/plugins/iview'
+    <%_ } else if (ui === 'ant-design-vue') { _%>
+    '@/plugins/antd-ui'
+    <%_ } else if (ui === 'framevuerk') { _%>
+    '@/plugins/framevuerk'
+    <%_ } else if (ui === 'vuesax') { _%>
+    '@/plugins/vuesax'
+    <%_ } _%>
+  ],
+  /*
+  ** Nuxt.js dev-modules
+  */
+
+  buildModules: [
+    <%_ if (typescript) {_%>
+    '@nuxt/typescript-build',
+    <%_ } _%>
+    <%_ if (eslint) { _%>
+    // Doc: https://github.com/nuxt-community/eslint-module
+    '@nuxtjs/eslint-module',
+    <%_ } _%>
+    <%_ if (stylelint) { _%>
+    // Doc: https://github.com/nuxt-community/stylelint-module
+    '@nuxtjs/stylelint-module',
+    <%_ } _%>
+    <%_ if (ui === 'tailwind') { _%>
+    // Doc: https://github.com/nuxt-community/nuxt-tailwindcss
+    '@nuxtjs/tailwindcss',
+    <%_ } else if (ui === 'vuetify') { _%>
+    '@nuxtjs/vuetify',
+    <%_ } _%>
+  ],
+  /*
+  ** Nuxt.js modules
+  */
+  modules: [
+    <%_ if (ui === 'bootstrap') { _%>
+    // Doc: https://bootstrap-vue.js.org
+    'bootstrap-vue/nuxt',
+    <%_ } else if (ui === 'bulma') { _%>
+    // Doc: https://github.com/nuxt-community/modules/tree/master/packages/bulma
+    '@nuxtjs/bulma',
+    <%_ } else if (ui === 'buefy') { _%>
+    // Doc: https://buefy.github.io/#/documentation
+    'nuxt-buefy',
+    <%_ } _%>
+    <%_ if (axios) { _%>
+    // Doc: https://axios.nuxtjs.org/usage
+    '@nuxtjs/axios',
+    <%_ } _%>
+    <%_ if (pwa) { _%>
+    '@nuxtjs/pwa',
+    <%_ } _%>
+    <%_ if (dotenv) { _%>
+    // Doc: https://github.com/nuxt-community/dotenv-module
+    '@nuxtjs/dotenv',
+    <%_ } _%>
+  ],
+  <%_ if (axios) { _%>
+  /*
+  ** Axios module configuration
+  ** See https://axios.nuxtjs.org/options
+  */
+  axios: {
+  },
+  <%_ } _%>
+  <%_ if (ui === 'vuetify') { _%>
+  /*
+  ** vuetify module configuration
+  ** https://github.com/nuxt-community/vuetify-module
+  */
+  vuetify: {
+    customVariables: ['~/assets/variables.scss'],
+    theme: {
+      dark: true,
+      themes: {
+        dark: {
+          primary: colors.blue.darken2,
+          accent: colors.grey.darken3,
+          secondary: colors.amber.darken3,
+          info: colors.teal.lighten1,
+          warning: colors.amber.base,
+          error: colors.deepOrange.accent4,
+          success: colors.green.accent3
+        }
+      }
+    }
+  },
+  <%_ } _%>
+  /*
+  ** Build configuration
+  */
+  build: {
+    <%_ if (ui === 'bulma') { _%>
+    postcss: {
+      preset: {
+        features: {
+          customProperties: false
+        }
+      }
+    },
+    <%_ } else if (ui === 'element-ui') { _%>
+    transpile: [/^element-ui/],
+    <%_ } _%>
+    /*
+    ** You can extend webpack config here
+    */
+    extend (_config, _ctx) {
+    }
+  }
+}
+
+export default config;
diff --git a/packages/cna-template/template/nuxt/package.js b/packages/cna-template/template/nuxt/package.js
index a2afa666c..ba334cc71 100644
--- a/packages/cna-template/template/nuxt/package.js
+++ b/packages/cna-template/template/nuxt/package.js
@@ -59,10 +59,24 @@ module.exports = {
 
     if (!typescript) {
       delete pkg.devDependencies['@nuxt/typescript-build']
+
+      for (const key of Object.keys(scripts)) {
+        scripts[key] = scripts[key].replace(/(,?.ts)|(.ts,?)/, '')
+      }
     }
+
     if (!typescript || !eslint) {
       delete pkg.devDependencies['@nuxtjs/eslint-config-typescript']
     }
+
+    if (pkg['lint-staged']) {
+      if (typescript) {
+        delete pkg['lint-staged']['*.{js,ts,vue}']
+      } else {
+        delete pkg['lint-staged']['*.{js,vue}']
+      }
+    }
+
     if (tsRuntime) {
       for (const key of Object.keys(scripts)) {
         scripts[key] = scripts[key].replace(/^nuxt /, 'nuxt-ts ')
diff --git a/packages/cna-template/template/nuxt/package.json b/packages/cna-template/template/nuxt/package.json
index 5c4b3b184..6a9e9e3e1 100644
--- a/packages/cna-template/template/nuxt/package.json
+++ b/packages/cna-template/template/nuxt/package.json
@@ -4,9 +4,10 @@
     "build": "nuxt build",
     "start": "nuxt start",
     "generate": "nuxt generate",
-    "lint": "eslint --ext .js,.vue --ignore-path .gitignore ."
+    "lint": "eslint --ext .js,.ts,.vue --ignore-path .gitignore ."
   },
   "lint-staged": {
+    "*.{js,ts,vue}": "eslint",
     "*.{js,vue}": "eslint",
     "*.{css,vue}": "stylelint"
   },
diff --git a/packages/cna-template/template/nuxt/pages/index.vue b/packages/cna-template/template/nuxt/pages/index.vue
index 91de1e27e..339ebfe2b 100644
--- a/packages/cna-template/template/nuxt/pages/index.vue
+++ b/packages/cna-template/template/nuxt/pages/index.vue
@@ -25,28 +25,13 @@
   </div>
 </template>
 
-<%_ if (typescript) { _%>
-<script lang="ts">
-import Vue from 'vue'
-import Logo from '~/components/Logo.vue'
-
-export default Vue.extend({
-  components: {
-    Logo
-  }
-})
-</script>
-<%_ } else { _%>
-<script>
-import Logo from '~/components/Logo.vue'
-
-export default {
-  components: {
-    Logo
-  }
-}
-</script>
-<%_ } _%>
+<%- generateComponent(
+  `import Logo from '~/components/Logo.vue'`, `{
+    components: {
+      Logo
+    }
+  }`
+)%>
 
 <style>
 <%_ if (ui === 'tailwind') { _%>
diff --git a/packages/cna-template/template/tsconfig.json b/packages/cna-template/template/tsconfig.json
index 3537b803c..2c96db9ca 100644
--- a/packages/cna-template/template/tsconfig.json
+++ b/packages/cna-template/template/tsconfig.json
@@ -25,7 +25,9 @@
     },
     "types": [
       "@types/node",
-      "@nuxt/types"
+      "@nuxt/types"<%_ if (ui === 'vuetify') { _%>,
+        "@nuxtjs/vuetify"
+        <%_ } _%>
     ]
   },
   "exclude": [
diff --git a/packages/cna-template/template/vue-shims.d.ts b/packages/cna-template/template/vue-shims.d.ts
new file mode 100644
index 000000000..d9f24faa4
--- /dev/null
+++ b/packages/cna-template/template/vue-shims.d.ts
@@ -0,0 +1,4 @@
+declare module '*.vue' {
+  import Vue from 'vue'
+  export default Vue
+}
diff --git a/packages/create-nuxt-app/lib/prompts.js b/packages/create-nuxt-app/lib/prompts.js
index 404518352..bc0d98cac 100644
--- a/packages/create-nuxt-app/lib/prompts.js
+++ b/packages/create-nuxt-app/lib/prompts.js
@@ -123,7 +123,7 @@ 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 if you\'re not using typescript)', value: 'jsconfig.json' },
       { name: 'Semantic Pull Requests', value: 'semantic-pull-requests' }
     ],
     default: []
diff --git a/packages/create-nuxt-app/lib/saofile.js b/packages/create-nuxt-app/lib/saofile.js
index 2c6f0ae4a..b5855ca2c 100644
--- a/packages/create-nuxt-app/lib/saofile.js
+++ b/packages/create-nuxt-app/lib/saofile.js
@@ -27,7 +27,18 @@ module.exports = {
     const { cliOptions = {} } = this.sao.opts
     const edge = cliOptions.edge ? '-edge' : ''
 
+    const ifTrue = (condition, content, elseContent) => condition ? content : elseContent || ''
+    const generateComponent = (imports, componentOptions) => {
+      return `
+<script ${ifTrue(typescript, 'lang="ts"')}>
+${ifTrue(typescript, 'import Vue from \'vue\'')}
+${ifTrue(!!imports, imports, '\r\n')}
+export default ${ifTrue(typescript, 'Vue.extend(' + componentOptions + ')', componentOptions)}
+</script>`
+    }
+
     return {
+      generateComponent,
       typescript,
       tsRuntime,
       pwa,
@@ -45,22 +56,28 @@ module.exports = {
   },
   actions () {
     const validation = validate(this.answers.name)
-    validation.warnings && validation.warnings.forEach((warn) => {
-      console.warn('Warning:', warn)
-    })
-    validation.errors && validation.errors.forEach((err) => {
-      console.error('Error:', err)
-    })
+    validation.warnings &&
+      validation.warnings.forEach((warn) => {
+        console.warn('Warning:', warn)
+      })
+    validation.errors &&
+      validation.errors.forEach((err) => {
+        console.error('Error:', err)
+      })
     validation.errors && validation.errors.length && process.exit(1)
 
-    const actions = [{
-      type: 'add',
-      files: '**',
-      templateDir: join(templateDir, 'nuxt'),
-      filters: {
-        'static/icon.png': 'features.includes("pwa")'
+    const actions = [
+      {
+        type: 'add',
+        files: '**',
+        templateDir: join(templateDir, 'nuxt'),
+        filters: {
+          'static/icon.png': 'features.includes("pwa")',
+          'nuxt.config.ts': 'runtime && runtime.includes("ts-runtime")',
+          'nuxt.config.js': '!runtime || !runtime.includes("ts-runtime")'
+        }
       }
-    }]
+    ]
 
     if (this.answers.ui !== 'none') {
       actions.push({
@@ -112,6 +129,7 @@ module.exports = {
         '_.prettierrc': 'linter.includes("prettier")',
         '_jsconfig.json': 'devTools.includes("jsconfig.json")',
         'tsconfig.json': 'language.includes("ts")',
+        'vue-shims.d.ts': 'language.includes("ts")',
         'semantic.yml': 'devTools.includes("semantic-pull-requests")',
         '.env': 'features.includes("dotenv")',
         '_stylelint.config.js': 'linter.includes("stylelint")'
@@ -177,7 +195,9 @@ module.exports = {
     const cdMsg = isNewFolder ? chalk`\t{cyan cd ${relativeOutFolder}}\n` : ''
     const pmRun = this.answers.pm === 'yarn' ? 'yarn' : 'npm run'
 
-    console.log(chalk`\n🎉  {bold Successfully created project} {cyan ${this.answers.name}}\n`)
+    console.log(
+      chalk`\n🎉  {bold Successfully created project} {cyan ${this.answers.name}}\n`
+    )
 
     console.log(chalk`  {bold To get started:}\n`)
     console.log(chalk`${cdMsg}\t{cyan ${pmRun} dev}\n`)
@@ -192,7 +212,9 @@ module.exports = {
     }
 
     if (this.answers.language.includes('ts')) {
-      console.log(chalk`\n  {bold For TypeScript users.} \n\n  See : https://typescript.nuxtjs.org/cookbook/components/`)
+      console.log(
+        chalk`\n  {bold For TypeScript users.} \n\n  See : https://typescript.nuxtjs.org/cookbook/components/`
+      )
     }
   }
 }
diff --git a/packages/create-nuxt-app/test/index.test.js b/packages/create-nuxt-app/test/index.test.js
index be5289321..eda00f7e0 100644
--- a/packages/create-nuxt-app/test/index.test.js
+++ b/packages/create-nuxt-app/test/index.test.js
@@ -26,9 +26,9 @@ const verifyPkg = async (t, answers = {}) => {
   t.snapshot(getPkgFields(pkg), 'package.json')
 }
 
-const verifyNuxtConfig = async (t, answers = {}) => {
+const verifyNuxtConfig = async (t, answers = {}, typescript) => {
   const stream = await sao.mock({ generator }, answers)
-  const configFile = answers.server === 'adonis' ? 'config/nuxt.js' : 'nuxt.config.js'
+  const configFile = answers.server === 'adonis' ? 'config/nuxt.js' : `nuxt.config.${typescript ? 'ts' : 'js'}`
   const config = await stream.readFile(configFile)
   t.snapshot(normalizeNewlines(config), `Generated ${configFile}`)
 }
@@ -46,7 +46,17 @@ for (const prompt of saoConfig.prompts) {
         const answer = { [prompt.name]: prompt.type === 'checkbox' ? [choice.value] : choice.value }
         await verifyFileList(t, answer)
         await verifyPkg(t, answer)
-        await verifyNuxtConfig(t, answer)
+        await verifyNuxtConfig(t, answer, false)
+
+        // runtime has a "when" filter on it, make sure we setup answers correctly to satisfy it and run tests again
+        if (prompt.name === 'runtime' && choice.name.includes('typescript')) {
+          answer.language = 'ts'
+          answer.server = 'none'
+
+          await verifyFileList(t, answer)
+          await verifyPkg(t, answer)
+          await verifyNuxtConfig(t, answer, true)
+        }
       })
     }
   }
diff --git a/packages/create-nuxt-app/test/snapshots/index.test.js.md b/packages/create-nuxt-app/test/snapshots/index.test.js.md
index c071e9602..61b54f256 100644
--- a/packages/create-nuxt-app/test/snapshots/index.test.js.md
+++ b/packages/create-nuxt-app/test/snapshots/index.test.js.md
@@ -94,7 +94,7 @@ Generated by [AVA](https://avajs.dev).
         /*␊
         ** You can extend webpack config here␊
         */␊
-        extend (config, ctx) {␊
+        extend (_config, _ctx) {␊
         }␊
       }␊
     }␊
@@ -191,13 +191,13 @@ Generated by [AVA](https://avajs.dev).
         /*␊
         ** You can extend webpack config here␊
         */␊
-        extend (config, ctx) {␊
+        extend (_config, _ctx) {␊
         }␊
       }␊
     }␊
     `
 
-## verify devTools: jsconfig.json (Recommended for VS Code)
+## verify devTools: jsconfig.json (Recommended for VS Code if you're not using typescript)
 
 > Generated files
 
@@ -288,7 +288,7 @@ Generated by [AVA](https://avajs.dev).
         /*␊
         ** You can extend webpack config here␊
         */␊
-        extend (config, ctx) {␊
+        extend (_config, _ctx) {␊
         }␊
       }␊
     }␊
@@ -393,7 +393,7 @@ Generated by [AVA](https://avajs.dev).
         /*␊
         ** You can extend webpack config here␊
         */␊
-        extend (config, ctx) {␊
+        extend (_config, _ctx) {␊
         }␊
       }␊
     }␊
@@ -493,7 +493,7 @@ Generated by [AVA](https://avajs.dev).
         /*␊
         ** You can extend webpack config here␊
         */␊
-        extend (config, ctx) {␊
+        extend (_config, _ctx) {␊
         }␊
       }␊
     }␊
@@ -592,7 +592,7 @@ Generated by [AVA](https://avajs.dev).
         /*␊
         ** You can extend webpack config here␊
         */␊
-        extend (config, ctx) {␊
+        extend (_config, _ctx) {␊
         }␊
       }␊
     }␊
@@ -688,7 +688,7 @@ Generated by [AVA](https://avajs.dev).
         /*␊
         ** You can extend webpack config here␊
         */␊
-        extend (config, ctx) {␊
+        extend (_config, _ctx) {␊
         }␊
       }␊
     }␊
@@ -717,6 +717,7 @@ Generated by [AVA](https://avajs.dev).
       'static/favicon.ico',
       'store/README.md',
       'tsconfig.json',
+      'vue-shims.d.ts',
     ]
 
 > package.json
@@ -788,7 +789,7 @@ Generated by [AVA](https://avajs.dev).
         /*␊
         ** You can extend webpack config here␊
         */␊
-        extend (config, ctx) {␊
+        extend (_config, _ctx) {␊
         }␊
       }␊
     }␊
@@ -894,7 +895,7 @@ Generated by [AVA](https://avajs.dev).
         /*␊
         ** You can extend webpack config here␊
         */␊
-        extend (config, ctx) {␊
+        extend (_config, _ctx) {␊
         }␊
       }␊
     }␊
@@ -990,7 +991,7 @@ Generated by [AVA](https://avajs.dev).
         /*␊
         ** You can extend webpack config here␊
         */␊
-        extend (config, ctx) {␊
+        extend (_config, _ctx) {␊
         }␊
       }␊
     }␊
@@ -1091,7 +1092,7 @@ Generated by [AVA](https://avajs.dev).
         /*␊
         ** You can extend webpack config here␊
         */␊
-        extend (config, ctx) {␊
+        extend (_config, _ctx) {␊
         }␊
       }␊
     }␊
@@ -1193,7 +1194,7 @@ Generated by [AVA](https://avajs.dev).
         /*␊
         ** You can extend webpack config here␊
         */␊
-        extend (config, ctx) {␊
+        extend (_config, _ctx) {␊
         }␊
       }␊
     }␊
@@ -1289,7 +1290,7 @@ Generated by [AVA](https://avajs.dev).
         /*␊
         ** You can extend webpack config here␊
         */␊
-        extend (config, ctx) {␊
+        extend (_config, _ctx) {␊
         }␊
       }␊
     }␊
@@ -1385,7 +1386,7 @@ Generated by [AVA](https://avajs.dev).
         /*␊
         ** You can extend webpack config here␊
         */␊
-        extend (config, ctx) {␊
+        extend (_config, _ctx) {␊
         }␊
       }␊
     }␊
@@ -1481,7 +1482,7 @@ Generated by [AVA](https://avajs.dev).
         /*␊
         ** You can extend webpack config here␊
         */␊
-        extend (config, ctx) {␊
+        extend (_config, _ctx) {␊
         }␊
       }␊
     }␊
@@ -1577,7 +1578,7 @@ Generated by [AVA](https://avajs.dev).
         /*␊
         ** You can extend webpack config here␊
         */␊
-        extend (config, ctx) {␊
+        extend (_config, _ctx) {␊
         }␊
       }␊
     }␊
@@ -1673,12 +1674,118 @@ Generated by [AVA](https://avajs.dev).
         /*␊
         ** You can extend webpack config here␊
         */␊
-        extend (config, ctx) {␊
+        extend (_config, _ctx) {␊
         }␊
       }␊
     }␊
     `
 
+> Generated files
+
+    [
+      '.editorconfig',
+      '.gitignore',
+      'README.md',
+      'assets/README.md',
+      'components/Logo.vue',
+      'components/README.md',
+      'layouts/README.md',
+      'layouts/default.vue',
+      'middleware/README.md',
+      'nuxt.config.ts',
+      'package.json',
+      'pages/README.md',
+      'pages/index.vue',
+      'plugins/README.md',
+      'static/README.md',
+      'static/favicon.ico',
+      'store/README.md',
+      'tsconfig.json',
+      'vue-shims.d.ts',
+    ]
+
+> package.json
+
+    {
+      dependencies: {
+        '@nuxt/typescript-runtime': '^0.4.5',
+        nuxt: '^2.12.2',
+      },
+      devDependencies: {
+        '@nuxt/typescript-build': '^0.6.5',
+      },
+      private: true,
+      scripts: {
+        build: 'nuxt-ts build',
+        dev: 'nuxt',
+        generate: 'nuxt-ts generate',
+        start: 'nuxt-ts start',
+      },
+    }
+
+> Generated nuxt.config.ts
+
+    `␊
+    import { Configuration } from '@nuxt/types'␊
+    ␊
+    ␊
+    const config: Configuration = {␊
+      mode: 'universal',␊
+      /*␊
+      ** Headers of the page␊
+      */␊
+      head: {␊
+        title: process.env.npm_package_name || '',␊
+        meta: [␊
+          { charset: 'utf-8' },␊
+          { name: 'viewport', content: 'width=device-width, initial-scale=1' },␊
+          { hid: 'description', name: 'description', content: process.env.npm_package_description || '' }␊
+        ],␊
+        link: [␊
+          { rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' }␊
+        ]␊
+      },␊
+      /*␊
+      ** Customize the progress-bar color␊
+      */␊
+      loading: { color: '#fff' },␊
+      /*␊
+      ** Global CSS␊
+      */␊
+      css: [␊
+      ],␊
+      /*␊
+      ** Plugins to load before mounting the App␊
+      */␊
+      plugins: [␊
+      ],␊
+      /*␊
+      ** Nuxt.js dev-modules␊
+      */␊
+    ␊
+      buildModules: [␊
+        '@nuxt/typescript-build',␊
+      ],␊
+      /*␊
+      ** Nuxt.js modules␊
+      */␊
+      modules: [␊
+      ],␊
+      /*␊
+      ** Build configuration␊
+      */␊
+      build: {␊
+        /*␊
+        ** You can extend webpack config here␊
+        */␊
+        extend (_config, _ctx) {␊
+        }␊
+      }␊
+    }␊
+    ␊
+    export default config;␊
+    `
+
 ## verify runtime: Default
 
 > Generated files
@@ -1769,7 +1876,7 @@ Generated by [AVA](https://avajs.dev).
         /*␊
         ** You can extend webpack config here␊
         */␊
-        extend (config, ctx) {␊
+        extend (_config, _ctx) {␊
         }␊
       }␊
     }␊
@@ -1905,7 +2012,7 @@ Generated by [AVA](https://avajs.dev).
         /*␊
         ** You can extend webpack config here␊
         */␊
-        extend (config, ctx) {␊
+        extend (_config, _ctx) {␊
         }␊
       }␊
     }␊
@@ -2006,7 +2113,7 @@ Generated by [AVA](https://avajs.dev).
         /*␊
         ** You can extend webpack config here␊
         */␊
-        extend (config, ctx) {␊
+        extend (_config, _ctx) {␊
         }␊
       }␊
     }␊
@@ -2107,7 +2214,7 @@ Generated by [AVA](https://avajs.dev).
         /*␊
         ** You can extend webpack config here␊
         */␊
-        extend (config, ctx) {␊
+        extend (_config, _ctx) {␊
         }␊
       }␊
     }␊
@@ -2212,7 +2319,7 @@ Generated by [AVA](https://avajs.dev).
         /*␊
         ** You can extend webpack config here␊
         */␊
-        extend (config, ctx) {␊
+        extend (_config, _ctx) {␊
         }␊
       }␊
     }␊
@@ -2313,7 +2420,7 @@ Generated by [AVA](https://avajs.dev).
         /*␊
         ** You can extend webpack config here␊
         */␊
-        extend (config, ctx) {␊
+        extend (_config, _ctx) {␊
         }␊
       }␊
     }␊
@@ -2415,7 +2522,7 @@ Generated by [AVA](https://avajs.dev).
         /*␊
         ** You can extend webpack config here␊
         */␊
-        extend (config, ctx) {␊
+        extend (_config, _ctx) {␊
         }␊
       }␊
     }␊
@@ -2511,7 +2618,7 @@ Generated by [AVA](https://avajs.dev).
         /*␊
         ** You can extend webpack config here␊
         */␊
-        extend (config, ctx) {␊
+        extend (_config, _ctx) {␊
         }␊
       }␊
     }␊
@@ -2613,7 +2720,7 @@ Generated by [AVA](https://avajs.dev).
         /*␊
         ** You can extend webpack config here␊
         */␊
-        extend (config, ctx) {␊
+        extend (_config, _ctx) {␊
         }␊
       }␊
     }␊
@@ -2728,7 +2835,7 @@ Generated by [AVA](https://avajs.dev).
         /*␊
         ** You can extend webpack config here␊
         */␊
-        extend (config, ctx) {␊
+        extend (_config, _ctx) {␊
         }␊
       }␊
     }␊
@@ -2833,7 +2940,7 @@ Generated by [AVA](https://avajs.dev).
         /*␊
         ** You can extend webpack config here␊
         */␊
-        extend (config, ctx) {␊
+        extend (_config, _ctx) {␊
         }␊
       }␊
     }␊
@@ -2929,7 +3036,7 @@ Generated by [AVA](https://avajs.dev).
         /*␊
         ** You can extend webpack config here␊
         */␊
-        extend (config, ctx) {␊
+        extend (_config, _ctx) {␊
         }␊
       }␊
     }␊
@@ -3029,7 +3136,7 @@ Generated by [AVA](https://avajs.dev).
         /*␊
         ** You can extend webpack config here␊
         */␊
-        extend (config, ctx) {␊
+        extend (_config, _ctx) {␊
         }␊
       }␊
     }␊
@@ -3129,7 +3236,7 @@ Generated by [AVA](https://avajs.dev).
         /*␊
         ** You can extend webpack config here␊
         */␊
-        extend (config, ctx) {␊
+        extend (_config, _ctx) {␊
         }␊
       }␊
     }␊
@@ -3231,7 +3338,7 @@ Generated by [AVA](https://avajs.dev).
         /*␊
         ** You can extend webpack config here␊
         */␊
-        extend (config, ctx) {␊
+        extend (_config, _ctx) {␊
         }␊
       }␊
     }␊
@@ -3337,7 +3444,7 @@ Generated by [AVA](https://avajs.dev).
         /*␊
         ** You can extend webpack config here␊
         */␊
-        extend (config, ctx) {␊
+        extend (_config, _ctx) {␊
         }␊
       }␊
     }␊
@@ -3438,7 +3545,7 @@ Generated by [AVA](https://avajs.dev).
         /*␊
         ** You can extend webpack config here␊
         */␊
-        extend (config, ctx) {␊
+        extend (_config, _ctx) {␊
         }␊
       }␊
     }␊
@@ -3549,7 +3656,7 @@ Generated by [AVA](https://avajs.dev).
         /*␊
         ** You can extend webpack config here␊
         */␊
-        extend (config, ctx) {␊
+        extend (_config, _ctx) {␊
         }␊
       }␊
     }␊
@@ -3645,7 +3752,7 @@ Generated by [AVA](https://avajs.dev).
         /*␊
         ** You can extend webpack config here␊
         */␊
-        extend (config, ctx) {␊
+        extend (_config, _ctx) {␊
         }␊
       }␊
     }␊
@@ -3743,7 +3850,7 @@ Generated by [AVA](https://avajs.dev).
         /*␊
         ** You can extend webpack config here␊
         */␊
-        extend (config, ctx) {␊
+        extend (_config, _ctx) {␊
         }␊
       }␊
     }␊
@@ -3843,7 +3950,7 @@ Generated by [AVA](https://avajs.dev).
         /*␊
         ** You can extend webpack config here␊
         */␊
-        extend (config, ctx) {␊
+        extend (_config, _ctx) {␊
         }␊
       }␊
     }␊
@@ -3944,7 +4051,7 @@ Generated by [AVA](https://avajs.dev).
         /*␊
         ** You can extend webpack config here␊
         */␊
-        extend (config, ctx) {␊
+        extend (_config, _ctx) {␊
         }␊
       }␊
     }␊
@@ -4072,7 +4179,7 @@ Generated by [AVA](https://avajs.dev).
         /*␊
         ** You can extend webpack config here␊
         */␊
-        extend (config, ctx) {␊
+        extend (_config, _ctx) {␊
         }␊
       }␊
     }␊
@@ -4172,7 +4279,7 @@ Generated by [AVA](https://avajs.dev).
         /*␊
         ** You can extend webpack config here␊
         */␊
-        extend (config, ctx) {␊
+        extend (_config, _ctx) {␊
         }␊
       }␊
     }␊
diff --git a/packages/create-nuxt-app/test/snapshots/index.test.js.snap b/packages/create-nuxt-app/test/snapshots/index.test.js.snap
index d6514b37e..5b3bf3ed0 100644
Binary files a/packages/create-nuxt-app/test/snapshots/index.test.js.snap and b/packages/create-nuxt-app/test/snapshots/index.test.js.snap differ