feat: add bootstrap-vue integration

alexsasharegan · alexsasharegan · commit e4151a8c12b7 · 2017-09-26T10:36:48.000-07:00
diff --git a/README.md b/README.md
@@ -1,8 +1,7 @@
 # vue-webpack-boilerplate
 
 > A full-featured Webpack setup with hot-reload, lint-on-save, unit testing & css extraction.
-
-> This template is Vue 2.0 compatible. For Vue 1.x use this command: `vue init webpack#1.0 my-project`
+> This template is Vue 2.0 compatible.
 
 ## Documentation
 
@@ -11,14 +10,14 @@
 
 ## Usage
 
-This is a project template for [vue-cli](https://github.com/vuejs/vue-cli). **It is recommended to use npm 3+ for a more efficient dependency tree.**
+This is a project template for [vue-cli](https://github.com/vuejs/vue-cli). **It is recommended to use npm 5+ for a more reliable install.**
 
-``` bash
-$ npm install -g vue-cli
-$ vue init webpack my-project
-$ cd my-project
-$ npm install
-$ npm run dev
+```bash
+npm install -g vue-cli
+vue init bootstrap-vue/webpack my-project
+cd my-project
+npm install
+npm run dev
 ```
 
 If port 8080 is already in use on your machine you must change the port number in `/config/index.js`. Otherwise `npm run dev` will fail.
diff --git a/template/package.json b/template/package.json
@@ -14,8 +14,13 @@
     "lint": "eslint --ext .js,.vue src{{#unit}} test/unit/specs{{/unit}}{{#e2e}} test/e2e/specs{{/e2e}}"{{/lint}}
   },
   "dependencies": {
-    "vue": "^2.4.2"{{#router}},
-    "vue-router": "^2.7.0"{{/router}}
+    "vue": "^2.4.4",
+    {{#router}}
+    "vue-router": "^2.7.0",
+    {{/router}}
+    "bootstrap": "^4.0.0-beta",
+    "bootstrap-vue": "^1.0.0-beta.9",
+    "popper.js": "^1.12.5"
   },
   "devDependencies": {
     "autoprefixer": "^7.1.2",
diff --git a/template/src/main.js b/template/src/main.js
@@ -3,11 +3,15 @@
 // (runtime-only or standalone) has been set in webpack.base.conf with an alias.
 {{/if_eq}}
 import Vue from 'vue'{{#if_eq lintConfig "airbnb"}};{{/if_eq}}
+import BootstrapVue from "bootstrap-vue"{{#if_eq lintConfig "airbnb"}};{{/if_eq}}
 import App from './App'{{#if_eq lintConfig "airbnb"}};{{/if_eq}}
 {{#router}}
 import router from './router'{{#if_eq lintConfig "airbnb"}};{{/if_eq}}
 {{/router}}
+import "bootstrap/dist/css/bootstrap.min.css"{{#if_eq lintConfig "airbnb"}};{{/if_eq}}
+import "bootstrap-vue/dist/bootstrap-vue.css"{{#if_eq lintConfig "airbnb"}};{{/if_eq}}
 
+Vue.use(BootstrapVue){{#if_eq lintConfig "airbnb"}};{{/if_eq}}
 Vue.config.productionTip = false{{#if_eq lintConfig "airbnb"}};{{/if_eq}}
 
 /* eslint-disable no-new */
