feat: add primevue ui framework (#859)

Co-authored-by: Xin Du (Clark) <[email protected]>

Author: sctnightcore

README.md

@@ -44,6 +44,7 @@ yarn create nuxt-app <my-project>
     - [Element](https://github.com/ElemeFE/element)
     - [Framevuerk](https://github.com/framevuerk/framevuerk)
     - [Oruga](https://oruga.io/)
+    - [Primevue/](https://www.primefaces.org/primevue/)
     - [Tachyons](https://github.com/tachyons-css/tachyons)
     - [Tailwind CSS](https://github.com/tailwindcss/tailwindcss)
     - [Windi CSS](https://github.com/windicss/windicss)

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

@@ -0,0 +1,7 @@
+{
+  "dependencies": {
+    "primevue": "^2.4.2",
+    "primeicons": "^4.1.0",
+    "primeflex": "^2.0.0"
+  }
+}

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

@@ -55,6 +55,8 @@
     'framevuerk/dist/framevuerk-nuxt.min.css'
     <%_ } else if (ui === 'vant') { _%>
     'vant/lib/index.css'
+    <%_ } else if (ui === 'primevue') { _%>
+      'primeflex/primeflex.css'
     <%_ } _%>
   ],
 
@@ -120,6 +122,9 @@
     '@chakra-ui/nuxt',
     // https://go.nuxtjs.dev/emotion
     '@nuxtjs/emotion',
+    <%_ } else if (ui === 'primevue') { _%>
+      // Doc: https://www.primefaces.org/primevue/showcase-v2/#/setup
+      '@primevue/nuxt',
     <%_ } _%>
     <%_ if (axios) { _%>
     // https://go.nuxtjs.dev/axios
@@ -182,6 +187,9 @@
   build: {
     <%_ if (ui === 'element-ui') { _%>
     transpile: [/^element-ui/],
+    <%_ } else if (ui === 'primevue') { _%>
+    // https://github.com/primefaces/primevue/issues/844
+    transpile: ['primevue'],
     <%_ } _%>
   }
 }

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

@@ -39,6 +39,7 @@ module.exports = [
       { name: 'Element', value: 'element-ui' },
       { name: 'Framevuerk', value: 'framevuerk' },
       { name: 'Oruga', value: 'oruga' },
+      { name: 'Primevue', value: 'primevue' },
       { name: 'Tachyons', value: 'tachyons' },
       { name: 'Tailwind CSS', value: 'tailwind' },
       { name: 'Windi CSS', value: 'windicss' },

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

@@ -1167,6 +1167,93 @@ Generated by [AVA](https://avajs.dev).
     }␊
     `
 
+## verify ui: Primevue
+
+> 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.19.1',
+        nuxt: '^2.15.8',
+        primeflex: '^2.0.0',
+        primeicons: '^4.1.0',
+        primevue: '^2.4.2',
+      },
+      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: [␊
+          'primeflex/primeflex.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: [␊
+          // Doc: https://www.primefaces.org/primevue/showcase-v2/#/setup␊
+          '@primevue/nuxt',␊
+      ],␊
+    ␊
+      // Build Configuration: https://go.nuxtjs.dev/config-build␊
+      build: {␊
+        // https://github.com/primefaces/primevue/issues/844␊
+        transpile: ['primevue'],␊
+      }␊
+    }␊
+    `
+
 ## verify ui: Tachyons
 
 > Generated files