{{ value }}
{{ value }}
-
+
{{ item.deprecated }}
@@ -82,10 +82,10 @@ bordered striped > - +{{ kebabCase(value) }}
-
+
{{ value }}
{{ value }}
{{ value }}
-
+
-
+
-
-
-
This plugin includes all of the above listed individual
components and directives.
@@ -102,10 +97,10 @@
bordered
striped
>
-
+
{{ value }}
-
+
{{ value }}
-
+
{{ value }}
-
+
{{ value }}
{{ value }}
-
+
{{ value }}
-
+
{{ value }}
{{ value }}
-
+
{{ value }}
Example:
{{ pluginImportCode }}
-
-
@@ -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')
diff --git a/docs/markdown/intro/README.md b/docs/markdown/intro/README.md
index 8152c7283a1..ba651277adc 100644
--- a/docs/markdown/intro/README.md
+++ b/docs/markdown/intro/README.md
@@ -193,8 +193,6 @@ Guide for full details on setting up aliases for [webpack](https://webpack.js.or
## Tree shaking with module bundlers
-SIMPLIFIED in 2.0.0-rc.20
-
When using a module bundler you can optionally import only specific components groups (plugins),
components and/or directives.
@@ -208,8 +206,6 @@ components and/or directives.
### Component groups and directives as Vue plugins
-CHANGED in 2.0.0-rc.22
-
You can import component groups and directives as Vue plugins by importing from the `bootstrap-vue`:
@@ -256,8 +252,6 @@ single `import` statement for optimal tree shaking.
### Individual components and directives
-CHANGED in 2.0.0-rc.22
-
If you would like to only pull in a specific component or set of components, you can do this by
directly importing those components.
@@ -304,8 +298,6 @@ object property shorthand (components only).
### Using BootstrapVue source code for smaller bundles
-For advanced users
-
When using module bundlers, they will usually default to using the `esm/` modular build, which has
been pre-transpiled by Babel for our
[supported browsers](https://github.com/bootstrap-vue/bootstrap-vue/blob/master/.browserslistrc).
@@ -439,14 +431,11 @@ import 'custom.scss'
### `transformAssetUrls` with Nuxt.js
-NEW in v2.0.0-rc.22 The BootstrapVue Nuxt plugin module
-will automatically add in the BootstrapVue specific [`transformAssetUrls`](/docs/reference/images)
-image `src` prop configuration for you.
+The BootstrapVue Nuxt plugin module will automatically add in the BootstrapVue specific
+[`transformAssetUrls`](/docs/reference/images) image `src` prop configuration for you.
### Tree shaking with Nuxt.js
-ENHANCED in 2.0.0-rc.20
-
If you wish to reduce your production bundle size because you only use a subset of the available
BootstrapVue plugins, you can configure the list of BootstrapVue `componentPlugins` or
`directivePlugins` you want to globally install in your Nuxt.js project.
@@ -469,18 +458,17 @@ module.exports = {
}
```
-NEW in 2.0.0-rc.20 There are two additional helper
-plugins for providing the `$bvModal` and `$bvToast` injections (if you are not using the
-`ModalPlugin` or `ToastPlugin` plugins) that are available in the `componentPlugins` option:
+There are two additional helper plugins for providing the `$bvModal` and `$bvToast` injections (if
+you are not using the `ModalPlugin` or `ToastPlugin` plugins) that are available in the
+`componentPlugins` option:
- `BVModalPlugin` - provides the injection `$bvModal` for generating
[message boxes](/docs/components/modal#modal-message-boxes).
- `BVToastPlugin` - provides the injection `$bvToast` for generating
[on demand toasts](/docs/components/toast#toasts-on-demand).
-NEW in 2.0.0-rc.20 You can also optionally import
-individual components and/or directives, by configuring the list of BootstrapVue `components` or
-`directives` you want to globally install in your Nuxt.js project.
+You can also optionally import individual components and/or directives, by configuring the list of
+BootstrapVue `components` or `directives` you want to globally install in your Nuxt.js project.
```js
module.exports = {
@@ -540,37 +528,6 @@ pre-transpiled versions, while setting it to `false` will always use `src/`. By
`usePretranspiled` is enabled in development mode only. You should not need to use this option as
the default is most optimal for performance.
-## Vue CLI 2
-
-DEPRECATED Use [Vue CLI 3](#vue-cli-3) instead.
-
-BootstrapVue has two Vue CLI templates available:
-
-- [webpack-simple](https://github.com/bootstrap-vue/webpack-simple): Quick scaffold for a proof of
- concept or small app
-- [webpack](https://github.com/bootstrap-vue/webpack): Larger, production ready template with more
- options
-
-```bash
-# Ensure Vue CLI is installed and up to date
-npm install -g vue-cli
-
-# Initialize a BootstrapVue project in the directory 'my-project'
-vue init bootstrap-vue/webpack-simple my-project
-
-# Change into the directory
-cd my-project
-
-# Install dependencies
-npm install
-
-# Fire up the dev server with HMR
-npm run dev
-```
-
-You can repeat the commands above replacing `bootstrap-vue/webpack-simple` with
-`bootstrap-vue/webpack` for the webpack template.
-
## Vue CLI 3
Unlike V2, Vue CLI 3 doesn't use templates.
@@ -748,5 +705,3 @@ above for an example.
If you are using [VS Code](https://code.visualstudio.com/) as your text editor, BootstrapVue has
intellisense autocompletion for component attributes available when using the
[Vetur extension](https://marketplace.visualstudio.com/items?itemName=octref.vetur).
-
-[Twitter: Vetur + BootstrapVue](https://twitter.com/AlexSashaRegan/status/912769997776158723)
diff --git a/docs/markdown/misc/settings/README.md b/docs/markdown/misc/settings/README.md
index c1ac11e655c..b16d3516e39 100644
--- a/docs/markdown/misc/settings/README.md
+++ b/docs/markdown/misc/settings/README.md
@@ -1,7 +1,5 @@
# Settings
-NEW in 2.0.0-rc.16
-
> BootstrapVue provides a few options for customizing component default values, and more.
## Configuring defaults
@@ -22,16 +20,12 @@ stored under the `formControls` property, while component specific defaults are
defined in the default configuration can be overridden. Attempting to set a config property that is
not defined in the default will generate a console warning.
-The `formControls` entry was introduced in v2.0.0-rc.28.
-
```json
{{ defaultConfig }}
```
### Setting new configuration values
-ENHANCED in v2.0.0-rc.22
-
When you `Vue.use(BootstrapVue)`, you can optionally pass a configuration object which specifies new
values to replace the default values. For example if you wish to define new breakpoint names (which
will generate appropriate properties on components such as `