feat(template): support pug template

README.md

@@ -50,6 +50,9 @@ yarn create nuxt-app <my-project>
     - [Vant](https://github.com/youzan/vant)
     - [View UI](https://www.iviewui.com/)
     - [Vuetify](https://github.com/vuetifyjs/vuetify)
+1. Template engine
+    - HTML
+    - Pug
 1. Nuxt.js modules:
     - [Axios - Promise based HTTP client](https://github.com/nuxt-community/axios-module)
     - [Progressive Web App (PWA)](https://github.com/nuxt-community/pwa-module)

packages/cna-template/template/frameworks/pug/package.json

@@ -0,0 +1,6 @@
+{
+  "dependencies": {
+    "pug": "^3.0.2",
+    "pug-plain-loader": "^1.1.0"
+  }
+}

packages/cna-template/template/frameworks/pug/pages/index.vue

@@ -0,0 +1,10 @@
+<template lang="pug">
+  tutorial
+</template>
+
+<script>
+import Vue from 'vue'
+
+export default Vue.extend({
+  name: 'IndexPage'
+})

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

@@ -22,9 +22,10 @@ module.exports = {
   },
   load (generator) {
     const nuxtPkg = this.loadPackage('nuxt', generator)
+    const templatePkg = this.loadPackage(generator.answers.template, generator)
     const uiPkg = this.loadPackage(generator.answers.ui, generator)
     const testPkg = this.loadPackage(generator.answers.test, generator)
-    const pkg = merge(nuxtPkg, uiPkg, testPkg)
+    const pkg = merge(nuxtPkg, templatePkg, uiPkg, testPkg)
     pkg.dependencies = sortByKey(pkg.dependencies)
     pkg.devDependencies = sortByKey(pkg.devDependencies)
     return pkg

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

@@ -48,6 +48,16 @@ module.exports = [
     ],
     default: 'none'
   },
+  {
+    name: 'template',
+    message: 'Template engine:',
+    type: 'list',
+    choices: [
+      { name: 'HTML', value: 'html' },
+      { name: 'Pug', value: 'pug' }
+    ],
+    default: 'html'
+  },
   {
     name: 'features',
     message: 'Nuxt.js modules:',

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

@@ -74,6 +74,14 @@ module.exports = {
       }
     }]
 
+    if (this.answers.template !== 'html') {
+      actions.push({
+        type: 'add',
+        files: '**',
+        templateDir: join(frameworksDir, this.answers.template)
+      })
+    }
+
     if (this.answers.ui !== 'none') {
       actions.push({
         type: 'add',

packages/create-nuxt-app/test/snapshots/index.test.js.md

@@ -1746,6 +1746,172 @@ Generated by [AVA](https://avajs.dev).
     }␊
     `
 
+## verify template: HTML
+
+> Generated files
+
+    [
+      '.editorconfig',
+      '.gitignore',
+      'README.md',
+      'components/NuxtLogo.vue',
+      'components/Tutorial.vue',
+      'nuxt.config.js',
+      'package.json',
+      'pages/index.vue',
+      'static/favicon.ico',
+      'store/README.md',
+    ]
+
+> package.json
+
+    {
+      dependencies: {
+        'core-js': '^3.25.0',
+        nuxt: '^2.15.8',
+        vue: '^2.7.10',
+        'vue-server-renderer': '^2.7.10',
+        'vue-template-compiler': '^2.7.10',
+      },
+      devDependencies: {},
+      private: true,
+      scripts: {
+        build: 'nuxt build',
+        dev: 'nuxt',
+        generate: 'nuxt generate',
+        start: 'nuxt start',
+      },
+    }
+
+> Generated nuxt.config.js
+
+    `export default {␊
+      // Global page headers: https://go.nuxtjs.dev/config-head␊
+      head: {␊
+        title: 'output',␊
+        htmlAttrs: {␊
+          lang: 'en'␊
+        },␊
+        meta: [␊
+          { charset: 'utf-8' },␊
+          { name: 'viewport', content: 'width=device-width, initial-scale=1' },␊
+          { hid: 'description', name: 'description', content: '' },␊
+          { name: 'format-detection', content: 'telephone=no' }␊
+        ],␊
+        link: [␊
+          { rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' }␊
+        ]␊
+      },␊
+    ␊
+      // Global CSS: https://go.nuxtjs.dev/config-css␊
+      css: [␊
+      ],␊
+    ␊
+      // Plugins to run before rendering page: https://go.nuxtjs.dev/config-plugins␊
+      plugins: [␊
+      ],␊
+    ␊
+      // Auto import components: https://go.nuxtjs.dev/config-components␊
+      components: true,␊
+    ␊
+      // Modules for dev and build (recommended): https://go.nuxtjs.dev/config-modules␊
+      buildModules: [␊
+      ],␊
+    ␊
+      // Modules: https://go.nuxtjs.dev/config-modules␊
+      modules: [␊
+      ],␊
+    ␊
+      // Build Configuration: https://go.nuxtjs.dev/config-build␊
+      build: {␊
+      }␊
+    }␊
+    `
+
+## verify template: Pug
+
+> Generated files
+
+    [
+      '.editorconfig',
+      '.gitignore',
+      'README.md',
+      'components/NuxtLogo.vue',
+      'components/Tutorial.vue',
+      'nuxt.config.js',
+      'package.json',
+      'pages/index.vue',
+      'static/favicon.ico',
+      'store/README.md',
+    ]
+
+> package.json
+
+    {
+      dependencies: {
+        'core-js': '^3.25.0',
+        nuxt: '^2.15.8',
+        pug: '^3.0.2',
+        'pug-plain-loader': '^1.1.0',
+        vue: '^2.7.10',
+        'vue-server-renderer': '^2.7.10',
+        'vue-template-compiler': '^2.7.10',
+      },
+      devDependencies: {},
+      private: true,
+      scripts: {
+        build: 'nuxt build',
+        dev: 'nuxt',
+        generate: 'nuxt generate',
+        start: 'nuxt start',
+      },
+    }
+
+> Generated nuxt.config.js
+
+    `export default {␊
+      // Global page headers: https://go.nuxtjs.dev/config-head␊
+      head: {␊
+        title: 'output',␊
+        htmlAttrs: {␊
+          lang: 'en'␊
+        },␊
+        meta: [␊
+          { charset: 'utf-8' },␊
+          { name: 'viewport', content: 'width=device-width, initial-scale=1' },␊
+          { hid: 'description', name: 'description', content: '' },␊
+          { name: 'format-detection', content: 'telephone=no' }␊
+        ],␊
+        link: [␊
+          { rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' }␊
+        ]␊
+      },␊
+    ␊
+      // Global CSS: https://go.nuxtjs.dev/config-css␊
+      css: [␊
+      ],␊
+    ␊
+      // Plugins to run before rendering page: https://go.nuxtjs.dev/config-plugins␊
+      plugins: [␊
+      ],␊
+    ␊
+      // Auto import components: https://go.nuxtjs.dev/config-components␊
+      components: true,␊
+    ␊
+      // Modules for dev and build (recommended): https://go.nuxtjs.dev/config-modules␊
+      buildModules: [␊
+      ],␊
+    ␊
+      // Modules: https://go.nuxtjs.dev/config-modules␊
+      modules: [␊
+      ],␊
+    ␊
+      // Build Configuration: https://go.nuxtjs.dev/config-build␊
+      build: {␊
+      }␊
+    }␊
+    `
+
 ## verify features: Axios - Promise based HTTP client, Progressive Web App (PWA), Content - Git-based headless CMS
 
 > Generated files