perf: move repetitive plugin code to plugin.js (#1285)

* [plugins.js] Move repetitive Plugin code to plugin.js

* Update index.js

* Update index.js

* Update index.js

* Update plugins.js

* Update index.js

* Update index.js

* Update index.js

* Update index.js

* Update index.js

* Update index.js

* Update index.js

* Update index.js

* Update index.js

* Update index.js

* Update index.js

* Update index.js

* Update index.js

* Update index.js

* Update index.js

* Update index.js

* Update index.js

* Update index.js

* docs: Use shorter plugin import path

* Update index.js

* Update index.js

* Update index.js

* Update index.js

* Update index.js

* Update index.js

* Update index.js

* Update index.js

* Update index.js

* Update index.js

* Update index.js

* Update index.js

* Update index.js

* Update index.js

* Update index.js

* Update index.js

* Update index.js

* Update index.js

* Update index.js

* Update index.js

* Update index.js

* Update index.js

* Update index.js

* Update index.js

* Update index.js

* Update index.js

* Update index.js

* Update index.js

* Update index.js

* Update index.js

* Update index.js

* Update meta.json

* Update README.md

Author: tmorehouse

docs/components/importdoc.vue

@@ -37,10 +37,10 @@
             </p>
             <p class="mb-0">
                 <code v-if="$route.name === 'docs-components-slug'">
-                     import {{pluginName}} from 'bootstrap-vue/es/components/{{$route.params.slug}};
+                     import { {{pluginName}} } from 'bootstrap-vue/es/components;
                 </code>
                 <code v-else>
-                     import {{pluginName}} from 'bootstrap-vue/es/directives/{{$route.params.slug}};
+                     import { {{pluginName}} } from 'bootstrap-vue/es/directives;
                 </code>
             </p>
             <p>

docs/markdown/intro/README.md

@@ -110,29 +110,30 @@ Vue.directive('b-modal', bModalDirective);
 Vue and ES2015 allow for various syntaxes here, so feel free to utilize kebab-casing (shown),
 camel-casing, pascal-casing, and/or object property shorthand.
 
-### Components and Directives as Vue plugins
+### Component groups and Directives as Vue plugins
 
 You can also import component groups and directives as Vue plugins by importing
 the component group or directive directory:
 
 ```js
 // This imports <b-modal> as well as the v-b-modal directive as a plugin:
-import Modal from 'bootstrap-vue/es/components/modal';
+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:
-import Card from 'bootstrap-vue/es/components/card';
+import { Card } from 'bootstrap-vue/es/components';
 Vue.use(Card);
 
 // This imports directive v-b-scrollspy as a plugin:
-import Scrollspy from 'bootstrap-vue/es/directives/scrollspy';
+import { Scrollspy } from 'bootstrap-vue/es/directives';
 Vue.use(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.
 
+Reffer to the component and directive documentation for details.
 
 ### Webpack + Babel