feat: add dotenv module (#358)

prompts.js

@@ -72,7 +72,8 @@ module.exports = [
     pageSize: 10,
     choices: [
       { name: 'Axios', value: 'axios' },
-      { name: 'Progressive Web App (PWA) Support', value: 'pwa' }
+      { name: 'Progressive Web App (PWA) Support', value: 'pwa' },
+      { name: 'DotEnv', value: 'dotenv' }
     ],
     default: []
   },

saofile.js

@@ -13,6 +13,7 @@ module.exports = {
     const prettier = this.answers.linter.includes('prettier')
     const lintStaged = eslint && this.answers.linter.includes('lintStaged')
     const axios = this.answers.features.includes('axios')
+    const dotenv = this.answers.features.includes('dotenv')
     const esm = this.answers.server === 'none'
     const pmRun = this.answers.pm === 'yarn' ? 'yarn' : 'npm run'
 
@@ -27,7 +28,8 @@ module.exports = {
       axios,
       esm,
       edge,
-      pmRun
+      pmRun,
+      dotenv
     }
   },
   actions () {
@@ -94,7 +96,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")',
+        '.env': 'features.includes("dotenv")'
       }
     })
 

template/.env

@@ -0,0 +1 @@
+BASE_URL=http://localhost:3000

template/_package.json

@@ -106,6 +106,9 @@
     <%_ if (pwa) { _%>
     "@nuxtjs/pwa": "^3.0.0-0",
     <%_ } _%>
+    <%_ if (dotenv) { _%>
+    "@nuxtjs/dotenv": "^1.4.0",
+    <%_ } _%>
     <%_ if (ui === 'tachyons') { _%>
     "tachyons": "^4.11.1",
     <%_ } _%>

template/nuxt/nuxt.config.js

@@ -115,6 +115,10 @@ module.exports = {
     <%_ if (pwa) { _%>
     '@nuxtjs/pwa',
     <%_ } _%>
+    <%_ if (dotenv) { _%>
+    // Doc: https://github.com/nuxt-community/dotenv-module
+    '@nuxtjs/dotenv',
+    <%_ } _%>
   ],
   <%_ if (axios) { _%>
   /*

test/snapshots/index.test.js.md

@@ -302,6 +302,106 @@ Generated by [AVA](https://ava.li).
     }␊
     `
 
+## verify features: DotEnv
+
+> Generated files
+
+    [
+      '.editorconfig',
+      '.env',
+      '.gitignore',
+      'README.md',
+      'assets/README.md',
+      'components/Logo.vue',
+      'components/README.md',
+      'layouts/README.md',
+      'layouts/default.vue',
+      'middleware/README.md',
+      'nuxt.config.js',
+      'package.json',
+      'pages/README.md',
+      'pages/index.vue',
+      'plugins/README.md',
+      'static/README.md',
+      'static/favicon.ico',
+      'store/README.md',
+    ]
+
+> package.json
+
+    {
+      dependencies: {
+        '@nuxtjs/dotenv': '^1.4.0',
+        nuxt: '^2.0.0',
+      },
+      devDependencies: {},
+      private: true,
+      scripts: {
+        build: 'nuxt build',
+        dev: 'nuxt',
+        generate: 'nuxt generate',
+        start: 'nuxt start',
+      },
+    }
+
+> Generated nuxt.config.js
+
+    `␊
+    export default {␊
+      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.js modules␊
+      */␊
+      modules: [␊
+        // Doc: https://github.com/nuxt-community/dotenv-module␊
+        '@nuxtjs/dotenv',␊
+      ],␊
+      /*␊
+      ** Build configuration␊
+      */␊
+      build: {␊
+        /*␊
+        ** You can extend webpack config here␊
+        */␊
+        extend (config, ctx) {␊
+        }␊
+      }␊
+    }␊
+    `
+
 ## verify features: Progressive Web App (PWA) Support
 
 > Generated files