feat: prepare for Nuxt 2.13

README.md

@@ -78,6 +78,9 @@ yarn create nuxt-app <my-project>
 1. Choose rendering mode
     - [Universal (SSR / Static)](https://nuxtjs.org/guide/#server-rendered-universal-ssr-)
     - [SPA](https://nuxtjs.org/guide/#single-page-applications-spa-)
+1. Choose target
+    - [Server (Node.js hosting)](https://nuxtjs.org/api/configuration-target)
+    - [Static (Static/JAMStack hosting)](https://nuxtjs.org/api/configuration-target)
 1. Choose development tools
     - [jsconfig.json](https://code.visualstudio.com/docs/languages/jsconfig)
     - [Semantic PR](https://probot.github.io/apps/semantic-pull-requests/)

packages/cna-template/template/nuxt/components/Logo.vue

@@ -17,6 +17,7 @@
     </g>
   </svg>
 </template>
+
 <style>
 .NuxtLogo {
   animation: 1s appear;

packages/cna-template/template/nuxt/layouts/default.vue

@@ -1,6 +1,6 @@
 <template>
   <div>
-    <nuxt />
+    <Nuxt />
   </div>
 </template>
 

packages/cna-template/template/nuxt/nuxt.config.js

@@ -8,6 +8,11 @@ export default {
   */
   mode: '<%= mode %>',
   /*
+  ** Nuxt target
+  ** See https://nuxtjs.org/api/configuration-target
+  */
+  target: '<%= target %>',
+  /*
   ** Headers of the page
   ** See https://nuxtjs.org/api/configuration-head
   */
@@ -68,6 +73,11 @@ export default {
     <%_ } _%>
   ],
   /*
+  ** Auto import components
+  ** See https://nuxtjs.org/api/configuration-components
+  */
+  components: true,
+  /*
   ** Nuxt.js dev-modules
   */
   buildModules: [

packages/cna-template/template/nuxt/package.json

@@ -3,7 +3,8 @@
     "dev": "nuxt",
     "build": "nuxt build",
     "start": "nuxt start",
-    "generate": "nuxt generate",
+    "export": "nuxt export",
+    "serve": "nuxt serve",
     "lint:js": "eslint --ext .js,.vue --ignore-path .gitignore .",
     "lint:style": "stylelint **/*.{vue,css} --ignore-path .gitignore"
   },

packages/cna-template/template/nuxt/pages/index.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="container">
     <div>
-      <logo />
+      <Logo />
       <h1 class="title">
         <%= name %>
       </h1>
@@ -30,23 +30,12 @@
 <%_ if (typescript) { _%>
 <script lang="ts">
 import Vue from 'vue'
-import Logo from '~/components/Logo.vue'
 
-export default Vue.extend({
-  components: {
-    Logo
-  }
-})
+export default Vue.extend({})
 </script>
 <%_ } else { _%>
 <script>
-import Logo from '~/components/Logo.vue'
-
-export default {
-  components: {
-    Logo
-  }
-}
+export default {}
 </script>
 <%_ } _%>
 

packages/create-nuxt-app/lib/prompts.js

@@ -102,6 +102,16 @@ module.exports = [
     ],
     default: 'universal'
   },
+  {
+    name: 'target',
+    message: 'Choose target',
+    type: 'list',
+    choices: [
+      { name: 'Server (Node.js hosting)', value: 'server' },
+      { name: 'Static (Static/JAMStack hosting)', value: 'static' }
+    ],
+    default: 'server'
+  },
   {
     name: 'devTools',
     message: 'Choose development tools',