Repository: nuxt/create-nuxt-app
Pull request #753 (2021-03-18 07:28:52)

feat: Add nuxt windicss.
Hello I added windicss for nuxt. Please review this PR

ChangJoo-Park: > LGTM, can you please update snapshot ?

@clarkdo Thanks for a review! 
I updated snapshot with `yarn test --update-snapshots` 

Patch:
diff --git a/README.md b/README.md
index 19770b0..0f4f549 100644
--- a/README.md
+++ b/README.md
@@ -48,6 +48,7 @@ yarn create nuxt-app <my-project>
     - [Oruga](https://oruga.io/)
     - [Tachyons](https://github.com/tachyons-css/tachyons)
     - [Tailwind CSS](https://github.com/tailwindcss/tailwindcss)
+    - [Windi CSS](https://github.com/windicss/windicss)
     - [Vant](https://github.com/youzan/vant)
     - [View UI](https://www.iviewui.com/)
     - [Vuesax](https://github.com/lusaxweb/vuesax)
diff --git a/packages/cna-template/template/frameworks/windicss/package.json b/packages/cna-template/template/frameworks/windicss/package.json
new file mode 100644
index 0000000..4c0728d
--- /dev/null
+++ b/packages/cna-template/template/frameworks/windicss/package.json
@@ -0,0 +1,5 @@
+{
+  "devDependencies": {
+    "nuxt-windicss": "^0.4.1"
+  }
+}
diff --git a/packages/cna-template/template/nuxt/nuxt.config.js b/packages/cna-template/template/nuxt/nuxt.config.js
index d338e94..f040b87 100644
--- a/packages/cna-template/template/nuxt/nuxt.config.js
+++ b/packages/cna-template/template/nuxt/nuxt.config.js
@@ -95,6 +95,9 @@
     // https://go.nuxtjs.dev/stylelint
     '@nuxtjs/stylelint-module',
     <%_ } _%>
+    <%_ if (ui === 'windicss') { _%>
+      'nuxt-windicss',
+    <%_ } _%>
     <%_ if (ui === 'tailwind') { _%>
     // https://go.nuxtjs.dev/tailwindcss
     '@nuxtjs/tailwindcss',
diff --git a/packages/create-nuxt-app/lib/prompts.js b/packages/create-nuxt-app/lib/prompts.js
index ee9caa9..59eda0f 100644
--- a/packages/create-nuxt-app/lib/prompts.js
+++ b/packages/create-nuxt-app/lib/prompts.js
@@ -41,6 +41,7 @@ module.exports = [
       { name: 'Oruga', value: 'oruga' },
       { name: 'Tachyons', value: 'tachyons' },
       { name: 'Tailwind CSS', value: 'tailwind' },
+      { name: 'Windi CSS', value: 'windicss' },
       { name: 'Vant', value: 'vant' },
       { name: 'View UI', value: 'view-ui' },
       { name: 'Vuesax', value: 'vuesax' },


Test patch:
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 843a00c..709b223 100644
--- a/packages/create-nuxt-app/test/snapshots/index.test.js.md
+++ b/packages/create-nuxt-app/test/snapshots/index.test.js.md
@@ -1424,6 +1424,94 @@ Generated by [AVA](https://avajs.dev).
     }␊
     `
 
+## verify ui: Windi CSS
+
+> 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.js',
+      'package.json',
+      'pages/README.md',
+      'pages/index.vue',
+      'plugins/README.md',
+      'static/README.md',
+      'static/favicon.ico',
+      'store/README.md',
+    ]
+
+> package.json
+
+    {
+      dependencies: {
+        'core-js': '^3.9.1',
+        nuxt: '^2.15.3',
+      },
+      devDependencies: {
+        'nuxt-windicss': '^0.4.1',
+      },
+      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: '' }␊
+        ],␊
+        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: [␊
+          'nuxt-windicss',␊
+      ],␊
+    ␊
+      // Modules: https://go.nuxtjs.dev/config-modules␊
+      modules: [␊
+      ],␊
+    ␊
+      // Build Configuration: https://go.nuxtjs.dev/config-build␊
+      build: {␊
+      }␊
+    }␊
+    `
+
 ## verify ui: Vant
 
 > Generated files