chore: release 2.0.0 stable

CHANGELOG.md

@@ -74,8 +74,9 @@ stable.**
 - **tables:** add support for sticky columns
   ([#3847](https://github.com/bootstrap-vue/bootstrap-vue/issues/3847))
   ([5b5f2b8](https://github.com/bootstrap-vue/bootstrap-vue/commit/5b5f2b8))
-- **b-toast:** add SCSS variable for default toast background opacity + standardize a few BootstrapVue
-  SCSS variable names ([#3775](https://github.com/bootstrap-vue/bootstrap-vue/issues/3775))
+- **b-toast:** add SCSS variable for default toast background opacity + standardize a few
+  BootstrapVue SCSS variable names
+  ([#3775](https://github.com/bootstrap-vue/bootstrap-vue/issues/3775))
   ([5799075](https://github.com/bootstrap-vue/bootstrap-vue/commit/5799075))
 - **config:** defaults for all `size` properties (closes
   [#3805](https://github.com/bootstrap-vue/bootstrap-vue/issues/3805))
@@ -97,12 +98,12 @@ stable.**
   formatting) has been changed in this version to use a new square bracketed syntax. While the
   previous naming syntax still works, it has been deprecated in favour of the newer naming
   convention (which prevents potential slot-name conflicts with fields named `default` and other
-  table slots). **Users are encouraged to switch to the new table field slot name syntax, as the
-  old slot name syntax will be removed in 2.0.0 stable release!**
+  table slots). **Users are encouraged to switch to the new table field slot name syntax, as the old
+  slot name syntax will be removed in 2.0.0 stable release!**
 
-- Users should switch to the simplified import syntax (introduced in v2.0.0-rc.22) when
-  importing individual plugins, components, and/or directives. **Importing from the `es/` build
-  directory has been deprecated and will be removed in 2.0.0 stable release!**
+- Users should switch to the simplified import syntax (introduced in v2.0.0-rc.22) when importing
+  individual plugins, components, and/or directives. **Importing from the `es/` build directory has
+  been deprecated and will be removed in 2.0.0 stable release!**
 
 <a name="2.0.0-rc.27"></a>
 
@@ -365,7 +366,7 @@ Released 2019-05-31
   exports. The ESM and CJS builds now both include these top level named exports:
   - Default export is still the BootstrapVue plugin
   - Simplified import format for importing components, directives, plugins:<br>
-    `import { ModalPlugin, CardPlugin, BAlert, BRow, BCol, VBScollspyPlugin } from 'bootstrap-vue'`
+    `import { ModalPlugin, CardPlugin, BAlert, BRow, BCol, VBScrollspyPlugin } from 'bootstrap-vue'`
   - New `esm/` modular build with top-level named exports (tree shakeable)
   - New `dist/bootstrap-vue.esm.js` esm bundle with top-level named exports
   - New `dist/bootstrap-vue.common.js` cjs bundle with top-level named exports
@@ -736,7 +737,7 @@ Released 2019-04-07
 
 ### Bug Fixes v2.0.0-rc.17
 
-- **breadcrumb-item:** remove atribute `role="presentation"` for better ARIA support
+- **breadcrumb-item:** remove attribute `role="presentation"` for better ARIA support
   ([#2991](https://github.com/bootstrap-vue/bootstrap-vue/issues/2991))
   ([e84c4a7](https://github.com/bootstrap-vue/bootstrap-vue/commit/e84c4a7))
 - **docs:** add back missing leading slash to search urls
@@ -870,7 +871,7 @@ Released 2019-03-28
 - **forms:** new b-form-datalist helper component
   ([#2899](https://github.com/bootstrap-vue/bootstrap-vue/issues/2899))
   ([e9a8e85](https://github.com/bootstrap-vue/bootstrap-vue/commit/e9a8e85))
-- **table:** add basic keyboard nav when table has row-clicked handler or is selctable (closes
+- **table:** add basic keyboard nav when table has row-clicked handler or is selectable (closes
   [#2869](https://github.com/bootstrap-vue/bootstrap-vue/issues/2869))
   ([#2870](https://github.com/bootstrap-vue/bootstrap-vue/issues/2870))
   ([ddcd66a](https://github.com/bootstrap-vue/bootstrap-vue/commit/ddcd66a))
@@ -906,7 +907,7 @@ Released: 2019-03-18
   [#2807](https://github.com/bootstrap-vue/bootstrap-vue/issues/2807))
   ([#2808](https://github.com/bootstrap-vue/bootstrap-vue/issues/2808))
   ([c656fa3](https://github.com/bootstrap-vue/bootstrap-vue/commit/c656fa3))
-- **utisl/observeDom:** make sure to check for browser enviroment
+- **utils/observeDom:** make sure to check for browser environment
   ([#2838](https://github.com/bootstrap-vue/bootstrap-vue/issues/2838))
   ([8471f31](https://github.com/bootstrap-vue/bootstrap-vue/commit/8471f31))
 
@@ -1164,10 +1165,10 @@ Released: (2019-02-14)
   ([#2102](https://github.com/bootstrap-vue/bootstrap-vue/issues/2102))
   ([#1798](https://github.com/bootstrap-vue/bootstrap-vue/issues/1798))
   ([6d33cae](https://github.com/bootstrap-vue/bootstrap-vue/commit/6d33cae))
-- **dependencies:** replace opencollective with opencollective-postintall
+- **dependencies:** replace opencollective with opencollective-postinstall
   ([#2067](https://github.com/bootstrap-vue/bootstrap-vue/issues/2067))
   ([fa26882](https://github.com/bootstrap-vue/bootstrap-vue/commit/fa26882))
-- **docs:** Updaate links to bootstrap v4.3 docs
+- **docs:** Update links to bootstrap v4.3 docs
   ([b5d5499](https://github.com/bootstrap-vue/bootstrap-vue/commit/b5d5499))
 - **docs:** Button - fix typo ([#1962](https://github.com/bootstrap-vue/bootstrap-vue/issues/1962))
   ([dcbfcf9](https://github.com/bootstrap-vue/bootstrap-vue/commit/dcbfcf9))
@@ -1393,7 +1394,7 @@ Released: (2019-02-14)
 - **select:** Wait for the v-model value to update before emitting change event on form select
   ([#2207](https://github.com/bootstrap-vue/bootstrap-vue/issues/2207))
   ([7a860ee](https://github.com/bootstrap-vue/bootstrap-vue/commit/7a860ee))
-- **tab:** fix typo aria-lablelledby
+- **tab:** fix typo aria-labelledby
   ([#1959](https://github.com/bootstrap-vue/bootstrap-vue/issues/1959))
   ([#954](https://github.com/bootstrap-vue/bootstrap-vue/issues/954)
   ([5933955](https://github.com/bootstrap-vue/bootstrap-vue/commit/5933955))
@@ -1751,7 +1752,7 @@ Released: 2018-04-27
 - **docs:** typo in docs plugin
   ([#1777](https://github.com/bootstrap-vue/bootstrap-vue/issues/1777))
   ([fb50c6f](https://github.com/bootstrap-vue/bootstrap-vue/commit/fb50c6f))
-- **dropdown:** aria-labbeledby for dropdowns
+- **dropdown:** aria-labelledby for dropdowns
   ([8efa7ee](https://github.com/bootstrap-vue/bootstrap-vue/commit/8efa7ee))
 - **form-input:** revert step, min and max props
   ([#1767](https://github.com/bootstrap-vue/bootstrap-vue/issues/1767))

docs/components/componentdoc.vue

@@ -50,16 +50,16 @@
         bordered
         striped
       >
-        <template slot="[prop]" slot-scope="{ value, item }">
+        <template v-slot:cell(prop)="{ value, item }">
           <code class="text-nowrap notranslate" translate="no">{{ value }}</code>
           <b-badge v-if="item.required" variant="info">Required</b-badge>
           <b-badge v-else-if="item.deprecated" variant="danger">Deprecated</b-badge>
           <b-badge v-else-if="item.deprecation" variant="warning">Deprecation</b-badge>
         </template>
-        <template slot="[defaultValue]" slot-scope="{ value }">
+        <template v-slot:cell(defaultValue)="{ value }">
           <code v-if="value" class="notranslate" translate="no">{{ value }}</code>
         </template>
-        <template slot="row-details" slot-scope="{ item }">
+        <template v-slot:row-details="{ item }">
           <p v-if="typeof item.deprecated === 'string'" class="mb-1 small">
             {{ item.deprecated }}
           </p>
@@ -82,10 +82,10 @@
           bordered
           striped
         >
-          <template slot="[prop]" slot-scope="{ value }">
+          <template v-slot:cell(prop)="{ value }">
             <code class="notranslate" translate="no">{{ kebabCase(value) }}</code>
           </template>
-          <template slot="[event]" slot-scope="{ value }">
+          <template v-slot:cell(event)="{ value }">
             <code class="notranslate" translate="no">{{ value }}</code>
           </template>
         </b-table>
@@ -105,7 +105,7 @@
         bordered
         striped
       >
-        <template slot="[name]" slot-scope="{ value }">
+        <template v-slot:cell(name)="{ value }">
           <code class="text-nowrap nostranslate" translate="no">{{ value }}</code>
         </template>
       </b-table>
@@ -124,10 +124,10 @@
         bordered
         striped
       >
-        <template slot="[event]" slot-scope="{ value }">
+        <template v-slot:cell(event)="{ value }">
           <code class="text-nowrap notranslate" translate="no">{{ value }}</code>
         </template>
-        <template slot="[args]" slot-scope="{ value, item }">
+        <template v-slot:cell(args)="{ value, item }">
           <p
             v-for="arg in value"
             :key="`event-${item.event}-${arg.arg ? arg.arg : 'none'}`"
@@ -159,10 +159,10 @@
         bordered
         striped
       >
-        <template slot="[event]" slot-scope="{ value }">
+        <template v-slot:cell(event)="{ value }">
           <code class="text-nowrap notranslate" translate="no">{{ value }}</code>
         </template>
-        <template slot="[args]" slot-scope="{ value, item }">
+        <template v-slot:cell(args)="{ value, item }">
           <p
             v-for="arg in value"
             :key="`event-${item.event}-${arg.arg ? arg.arg : 'none'}`"

docs/components/importdoc.vue

@@ -10,8 +10,8 @@
         </anchored-heading>
 
         <p>
-          <b-badge variant="info" class="small">CHANGED in 2.0.0-rc.22</b-badge> You can
-          import individual components into your project via the following named exports:
+          You can import individual components into your project via the following named
+          exports:
         </p>
 
         <b-table
@@ -22,13 +22,13 @@
           bordered
           striped
         >
-          <template slot="[component]" slot-scope="{ value }">
+          <template v-slot:cell(component)="{ value }">
             <code class="text-nowrap notranslate" translate="no">{{ value }}</code>
           </template>
-          <template slot="[namedExport]" slot-scope="{ value }">
+          <template v-slot:cell(namedExport)="{ value }">
             <code class="text-nowrap notranslate" translate="no">{{ value }}</code>
           </template>
-          <template slot="[importPath]" slot-scope="{ value }">
+          <template v-slot:cell(importPath)="{ value }">
             <code class="text-nowrap notranslate" translate="no">{{ value }}</code>
           </template>
         </b-table>
@@ -45,8 +45,8 @@
         </anchored-heading>
 
         <p>
-          <b-badge variant="info" class="small">CHANGED in 2.0.0-rc.22 </b-badge> You can
-          import individual directives into your project via the following named exports:
+          You can import individual directives into your project via the following named
+          exports:
         </p>
 
         <b-table
@@ -57,13 +57,13 @@
           bordered
           striped
         >
-          <template slot="[directive]" slot-scope="{ value }">
+          <template v-slot:cell(directive)="{ value }">
             <code class="text-nowrap notranslate" translate="no">{{ value }}</code>
           </template>
-          <template slot="[namedExport]" slot-scope="{ value }">
+          <template v-slot:cell(namedExport)="{ value }">
             <code class="text-nowrap notranslate" translate="no">{{ value }}</code>
           </template>
-          <template slot="[importPath]" slot-scope="{ value }">
+          <template v-slot:cell(importPath)="{ value }">
             <code class="text-nowrap notranslate" translate="no">{{ value }}</code>
           </template>
         </b-table>
@@ -78,11 +78,6 @@
         Importing as a Vue.js plugin
       </anchored-heading>
 
-      <p>
-        <b-badge variant="info" class="small">CHANGED in 2.0.0-rc.22</b-badge> Importing plugins
-        has been simplified.
-      </p>
-
       <p v-if="isComponentRoute">
         This plugin includes all of the above listed individual
         components<span v-if="directives.length"> and directives</span>.
@@ -102,10 +97,10 @@
         bordered
         striped
       >
-        <template slot="[namedExport]" slot-scope="{ value }">
+        <template v-slot:cell(namedExport)="{ value }">
           <code class="text-nowrap notranslate" translate="no">{{ value }}</code>
         </template>
-        <template slot="[importPath]" slot-scope="{ value }">
+        <template v-slot:cell(importPath)="{ value }">
           <code class="text-nowrap notranslate" translate="no">{{ value }}</code>
         </template>
       </b-table>
@@ -122,19 +117,6 @@
       <p><strong>Example:</strong></p>
       <pre class="hljs language-js text-monospace p-2 notranslate" translate="no">{{ pluginImportCode }}</pre>
     </article>
-
-    <aside class="alert alert-warning my-4">
-      <p class="mb-0">
-        <b-badge variant="warning" tag="strong">Deprecation Warning as of v2.0.0-rc.22:</b-badge>
-        Importing components, directives and plugins from
-        <code class="notranslate" translate="no">bootstrap-vue/es/*</code>
-        has been deprecated. All components, directives and plugins are now available as top-level named
-        exports in the <code class="notranslate" translate="no">ESM</code> and
-        <code class="notranslate" translate="no">CommonJS</code> builds. The
-        <code class="notranslate" translate="no">es/</code> directory build will be removed in a future
-        release.
-      </p>
-    </aside>
   </section>
 </template>
 
@@ -144,6 +126,8 @@ import kebabCase from 'lodash/kebabCase'
 import startCase from 'lodash/startCase'
 import AnchoredHeading from './anchored-heading'
 
+const importPath = 'bootstrap-vue'
+
 export default {
   name: 'BDVImportdoc',
   components: { AnchoredHeading },
@@ -212,9 +196,8 @@ export default {
     },
     directiveImportCode() {
       const firstDirective = this.directives[0]
-      const firstDirectiveImport = this.directiveImports[0]
       return [
-        `import { ${firstDirective} } from '${firstDirectiveImport.importPath}'`,
+        `import { ${firstDirective} } from '${importPath}'`,
         "// Note: Vue automatically prefixes the directive name with 'v-'",
         `Vue.directive('${this.directiveName(firstDirective)}', ${firstDirective})`
       ].join('\n')