docs(setup): Incorporate docs from repo README.md

tmorehouse · web-flow · commit 6192dbe5d114 · 2017-07-17T02:27:08.000-03:00
diff --git a/docs/SETUP.md b/docs/SETUP.md
@@ -4,33 +4,63 @@
 If you are using module bundlers such as Webpack, Rollup, Laravel elixir/mix, etc you may prefer directly include package
 into your project. To get started use yarn or npm to get latest version.
 
-```sh
+
+1. Download dependencies:
+```bash
 # Using YARN
 yarn add bootstrap-vue
+yarn add bootstrap@4.0.0-alpha.6
+yarn add -D style-loader
 
 # Using NPM
 npm install --save bootstrap-vue
 ```
 
-Register BootstrapVue in your app entrypoint:
-
+2. Register BootstrapVue in your app entrypoint:
 ```js
 import Vue from 'vue'
 import BootstrapVue from 'bootstrap-vue';
 
 Vue.use(BootstrapVue);
 ```
 
-Import styles using style-loader:
+3. Import styles using style-loader:
 ```js
 import 'bootstrap/dist/css/bootstrap.css'
 import 'bootstrap-vue/dist/bootstrap-vue.css'
 ```
-If style-loader is not available, you have to manually include both bootstrap and bootstrap-vue css files in your css bundle
+
+##### For users of Webpack or Webpack-Simple from `vue-cli` follow these instructions:
+1. Download the dependencies:
+```bash
+yarn add bootstrap-vue
+yarn add bootstrap@4.0.0-alpha.6
+yarn add -D style-loader
+```
+
+2. In `src/main.js`, add the following lines, in priority order:
+```js
+import Vue from 'vue';
+/* ( there may be other imports here ) */
+import BootstrapVue from 'bootstrap-vue/dist/bootstrap-vue.esm';
+import 'bootstrap-vue/dist/bootstrap-vue.css';
+import 'bootstrap/dist/css/bootstrap.css';
+/* ( there may be other imports here ) */
+
+Vue.use(BootstrapVue);
+```
+
+#### Note on style-loader:
+If you are unable or do not want to add style-loader as a developer dependency, you have to
+manually include both [Bootstrap's](https://v4-alpha.getbootstrap.com/getting-started/download/)
+and [BootstrapVue's](https://unpkg.com/bootstrap-vue@latest/dist/bootstrap-vue.css) CSS files
+in your bundle or reference them from `static/` via `index.html`.
+
 
 #### Using individual components and directives
 If for any reason just want to use a specific component, you can do this by directly importing that component.
 This is not recommended as entire package gzipped size is ~15Kb and requires a supported vue bundler.
+
 ```js
 import {bAlert, bBtn, bCollapse} from 'bootstrap-vue/lib/components'
 import (bToggle, bScrollspy} from 'bootstrap-vue/lib/directives'
@@ -48,8 +78,6 @@ new Vue({
   },
   // ...
 })
-
-
 ```
 
 ### CDN (Browser)
