diff --git a/README.md b/README.md index 3403a3121..5d0bce572 100644 --- a/README.md +++ b/README.md @@ -39,6 +39,7 @@ yarn create nuxt-app 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 new file mode 100644 index 000000000..0aaf521d8 --- /dev/null +++ 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 new file mode 100644 index 000000000..87dbdb55a --- /dev/null +++ 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 index 98526b7f3..131489dac 100644 --- 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 index e98fdcbd3..9d413ad9a 100644 --- 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 index 61ec9d942..3f1198d9b 100644 --- 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 index eac20eb2f..5fe15ac42 100644 Binary files a/packages/create-nuxt-app/test/snapshots/index.test.js.snap and b/packages/create-nuxt-app/test/snapshots/index.test.js.snap differ diff --git a/renovate.json b/renovate.json index efc13374a..122eb5084 100644 --- 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"