Revert "docs(intro): Document alternative way to import plugins (bootstrap-vue#2617)" (bootstrap-vue#2621)

tmorehouse · web-flow · commit a5e3f0b60cae · 2019-02-17T19:03:37.000-04:00
This reverts commit 4fe742b.
diff --git a/docs/components/importdoc.vue b/docs/components/importdoc.vue
@@ -128,13 +128,9 @@ export default {
     },
     pluginImportCode() {
       const pluginLocation = this.isComponentRoute ? 'components' : 'directives'
-      const pluginDotted = this.isComponentRoute ? 'componentPlugins' : 'directivePlugins'
       return [
         `import { ${this.pluginName} } from 'bootstrap-vue/es/${pluginLocation}'`,
-        `Vue.use(${this.pluginName})`,
-        '// Or',
-        "import BoostrapVue from 'bootstrap-vue'",
-        `Vue.use(BootstrapVue.${pluginDotted}.${this.pluginName})`
+        `Vue.use(${this.pluginName})`
       ].join('\n')
     }
   },
diff --git a/docs/markdown/intro/README.md b/docs/markdown/intro/README.md
@@ -15,8 +15,7 @@ npm i vue bootstrap-vue bootstrap
 yarn add vue bootstrap-vue bootstrap
 ```
 
-Then, register BootstrapVue plugin in your app entry point (note that this installs **all**
-BootstrapVue components and directives):
+Then, register BootstrapVue plugin in your app entry point:
 
 ```js
 // app.js
@@ -67,8 +66,7 @@ yarn add bootstrap-vue
 
 Add `bootstrap-vue/nuxt` to modules section of **nuxt.config.js**.
 
-This will include both `boostrap.css` and `bootstrap-vue.css` default CSS, as well as all
-components and directives.
+This will include both `boostrap.css` and `bootstrap-vue.css` default CSS.
 
 ```js
 {
@@ -238,41 +236,23 @@ You can also import component groups and directives as Vue plugins by importing
 or directive directory:
 
 ```js
-// This imports all the layout components such as <b-container>, <b-row>, <b-col>
+// This imports all the layout components such as <b-container>, <b-row>, <b-col>:
 import { Layout } from 'bootstrap-vue/es/components'
 Vue.use(Layout)
 
-// This imports <b-modal> as well as the v-b-modal directive as a plugin
+// This imports <b-modal> as well as the v-b-modal directive as a plugin:
 import { Modal } from 'bootstrap-vue/es/components'
 Vue.use(Modal)
 
-// This imports <b-card> along with all the <b-card-*> sub-components as a plugin
+// This imports <b-card> along with all the <b-card-*> sub-components as a plugin:
 import { Card } from 'bootstrap-vue/es/components'
 Vue.use(Card)
 
-// This imports directive v-b-scrollspy as a plugin
+// This imports directive v-b-scrollspy as a plugin:
 import { Scrollspy } from 'bootstrap-vue/es/directives'
 Vue.use(Scrollspy)
 ```
 
-Alternatively, you can import Plugins as follows:
-
-```js
-import BootstrapVue from 'bootstrap-vue'
-
-// This enables all the layout components such as <b-container>, <b-row>, <b-col>
-Vue.use(BootstrapVue.componentPlugins.Layout)
-
-// This enables <b-modal> as well as the v-b-modal directive
-Vue.use(BootstrapVue.componentPlugins.Modal)
-
-// This imports <b-card> along with all the <b-card-*> sub-components
-Vue.use(BootstrapVue.componentPlugins.Card)
-
-// This enables directive v-b-scrollspy
-Vue.use(BootstrapVue.directivePlugins.Scrollspy)
-```
-
 When importing as plugins, all subcomponents and related directives are imported in most cases. i.e.
 When importing `<b-nav>`, all the `<nav-*>` sub components are also included, as well all dropdown
 sub components. Component shorthand aliases (if any) are also included in the plugin.
diff --git a/src/index.js b/src/index.js
@@ -19,9 +19,7 @@ const VuePlugin = {
     for (let plugin in directivePlugins) {
       Vue.use(directivePlugins[plugin])
     }
-  },
-  componentPlugins,
-  directivePlugins
+  }
 }
 
 vueUse(VuePlugin)

Original file line number	Diff line number	Diff line change
`@@ -19,9 +19,7 @@ const VuePlugin = {`
`19`	`19`	`for (let plugin in directivePlugins) {`
`20`	`20`	`Vue.use(directivePlugins[plugin])`
`21`	`21`	`}`
`22`		`- },`
`23`		`- componentPlugins,`
`24`		`- directivePlugins`
	`22`	`+ }`
`25`	`23`	`}`
`26`	`24`
`27`	`25`	`vueUse(VuePlugin)`