feat: add BalmUI to UI framework (#636)

Co-authored-by: Xin Du (Clark) <[email protected]>
nuxt · Nov 25, 2020 · d57c992 · d57c992
1 parent f031282
commit d57c992
Show file tree

Hide file tree

Showing 8 changed files with 114 additions and 13 deletions.
diff --git a/README.md b/README.md
@@ -39,6 +39,7 @@ yarn create nuxt-app <my-project>
 1. UI framework:
     - None (feel free to add one later)
     - [Ant Design Vue](https://github.com/vueComponent/ant-design-vue)
+    - [BalmUI](https://material.balmjs.com/)
     - [Bootstrap](https://github.com/bootstrap-vue/bootstrap-vue)
     - [Buefy](https://buefy.org)
     - [Bulma](https://github.com/jgthms/bulma)

diff --git a/packages/cna-template/template/frameworks/balm-ui/package.json b/packages/cna-template/template/frameworks/balm-ui/package.json
@@ -0,0 +1,5 @@
+{
+  "dependencies": {
+    "balm-ui": "^8.7.1"
+  }
+}
diff --git a/packages/cna-template/template/frameworks/balm-ui/plugins/balm-ui.js b/packages/cna-template/template/frameworks/balm-ui/plugins/balm-ui.js
@@ -0,0 +1,6 @@
+import Vue from 'vue'
+import BalmUI from 'balm-ui'
+import BalmUIPlus from 'balm-ui/dist/balm-ui-plus'
+
+Vue.use(BalmUI)
+Vue.use(BalmUIPlus)
diff --git a/packages/cna-template/template/nuxt/nuxt.config.js b/packages/cna-template/template/nuxt/nuxt.config.js
@@ -46,6 +46,8 @@
     'iview/dist/styles/iview.css'
     <%_ } else if (ui === 'ant-design-vue') { _%>
     'ant-design-vue/dist/antd.css'
+    <%_ } else if (ui === 'balm-ui') { _%>
+    'balm-ui/dist/balm-ui.css'
     <%_ } else if (ui === 'tachyons') { _%>
     'tachyons/css/tachyons.css'
     <%_ } else if (ui === 'framevuerk') { _%>
@@ -63,6 +65,8 @@
     '@/plugins/iview'
     <%_ } else if (ui === 'ant-design-vue') { _%>
     '@/plugins/antd-ui'
+    <%_ } else if (ui === 'balm-ui') { _%>
+    '@/plugins/balm-ui'
     <%_ } else if (ui === 'framevuerk') { _%>
     '@/plugins/framevuerk'
     <%_ } else if (ui === 'vuesax') { _%>

diff --git a/packages/create-nuxt-app/lib/prompts.js b/packages/create-nuxt-app/lib/prompts.js
@@ -32,6 +32,7 @@ module.exports = [
     choices: [
       { name: 'None', value: 'none' },
       { name: 'Ant Design Vue', value: 'ant-design-vue' },
+      { name: 'BalmUI', value: 'balm-ui' },
       { name: 'Bootstrap Vue', value: 'bootstrap' },
       { name: 'Buefy', value: 'buefy' },
       { name: 'Bulma', value: 'bulma' },

diff --git a/packages/create-nuxt-app/test/snapshots/index.test.js.md b/packages/create-nuxt-app/test/snapshots/index.test.js.md
@@ -2820,6 +2820,95 @@ Generated by [AVA](https://avajs.dev).
     }␊
     `
 
+## verify ui: BalmUI
+
+> 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',
+      'plugins/balm-ui.js',
+      'static/README.md',
+      'static/favicon.ico',
+      'store/README.md',
+    ]
+
+> package.json
+
+    {
+      dependencies: {
+        'balm-ui': '^8.7.1',
+        'core-js': '^3.6.5',
+        nuxt: '^2.14.7',
+      },
+      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: '' }␊
+        ],␊
+        link: [␊
+          { rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' }␊
+        ]␊
+      },␊
+    ␊
+      // Global CSS (https://go.nuxtjs.dev/config-css)␊
+      css: [␊
+        'balm-ui/dist/balm-ui.css'␊
+      ],␊
+    ␊
+      // Plugins to run before rendering page (https://go.nuxtjs.dev/config-plugins)␊
+      plugins: [␊
+        '@/plugins/balm-ui'␊
+      ],␊
+    ␊
+      // 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 ui: Bootstrap Vue
 
 > Generated files

diff --git a/packages/create-nuxt-app/test/snapshots/index.test.js.snap b/packages/create-nuxt-app/test/snapshots/index.test.js.snap
diff --git a/renovate.json b/renovate.json
@@ -1,21 +1,12 @@
 {
-  "extends": [
-    "@nuxtjs"
-  ],
+  "extends": ["@nuxtjs"],
   "lockFileMaintenance": {
     "enabled": true
   },
-  "ignoreDeps": [
-    "vue-jest"
-  ],
+  "ignoreDeps": ["vue-jest"],
   "postUpgradeTasks": {
-      "commands": [
-        "ava --verbose --update-snapshots"
-      ],
-      "fileFilters": [
-        "**/*.snap",
-        "**/*.md"
-      ]
+    "commands": ["ava --verbose --update-snapshots"],
+    "fileFilters": ["**/*.snap", "**/*.md"]
   },
   "packageRules": [
     {
@@ -34,6 +25,10 @@
       "packagePatterns": ["ava"],
       "groupName": "ava packages"
     },
+    {
+      "packagePatterns": ["balm-ui"],
+      "groupName": "balm-ui packages"
+    },
     {
       "packagePatterns": ["bootstrap"],
       "groupName": "bootstrap packages"