🌐 AI搜索 & 代理 主页
Skip to content

Commit d46529c

Browse files
jacobmllr95tmorehouse
jacobmllr95
authored and
tmorehouse
committed
feat(docs): remove new/enhances/changed badges (#3870)
1 parent b301822 commit d46529c

File tree

36 files changed

+55
-246
lines changed

36 files changed

+55
-246
lines changed

‎docs/components/importdoc.vue‎

Lines changed: 4 additions & 21 deletions
Original file line numberDiff line numberDiff line change
@@ -10,8 +10,8 @@
1010
</anchored-heading>
1111

1212
<p>
13-
<b-badge variant="info" class="small">CHANGED in 2.0.0-rc.22</b-badge> You can
14-
import individual components into your project via the following named exports:
13+
You can import individual components into your project via the following named
14+
exports:
1515
</p>
1616

1717
<b-table
@@ -45,8 +45,8 @@
4545
</anchored-heading>
4646

4747
<p>
48-
<b-badge variant="info" class="small">CHANGED in 2.0.0-rc.22 </b-badge> You can
49-
import individual directives into your project via the following named exports:
48+
You can import individual directives into your project via the following named
49+
exports:
5050
</p>
5151

5252
<b-table
@@ -78,11 +78,6 @@
7878
Importing as a Vue.js plugin
7979
</anchored-heading>
8080

81-
<p>
82-
<b-badge variant="info" class="small">CHANGED in 2.0.0-rc.22</b-badge> Importing plugins
83-
has been simplified.
84-
</p>
85-
8681
<p v-if="isComponentRoute">
8782
This plugin includes all of the above listed individual
8883
components<span v-if="directives.length"> and directives</span>.
@@ -122,18 +117,6 @@
122117
<p><strong>Example:</strong></p>
123118
<pre class="hljs language-js text-monospace p-2 notranslate" translate="no">{{ pluginImportCode }}</pre>
124119
</article>
125-
126-
<aside class="alert alert-warning my-4">
127-
<p class="mb-0">
128-
<b-badge variant="warning" tag="strong">CHANGED as of v2.0.0:</b-badge>
129-
Importing components, directives and plugins from
130-
<code class="notranslate" translate="no">bootstrap-vue/es/*</code>
131-
has been removed. All components, directives and plugins are now available as top-level named
132-
exports in the <code class="notranslate" translate="no">ESM</code> and
133-
<code class="notranslate" translate="no">CommonJS</code> builds. The
134-
<code class="notranslate" translate="no">es/</code> directory build has been removed.
135-
</p>
136-
</aside>
137120
</section>
138121
</template>
139122

‎docs/markdown/intro/README.md‎

Lines changed: 7 additions & 50 deletions
Original file line numberDiff line numberDiff line change
@@ -193,8 +193,6 @@ Guide for full details on setting up aliases for [webpack](https://webpack.js.or
193193

194194
## Tree shaking with module bundlers
195195

196-
<span class="badge badge-info small">SIMPLIFIED in 2.0.0-rc.20</span>
197-
198196
When using a module bundler you can optionally import only specific components groups (plugins),
199197
components and/or directives.
200198

@@ -208,8 +206,6 @@ components and/or directives.
208206

209207
### Component groups and directives as Vue plugins
210208

211-
<span class="badge badge-info small">CHANGED in 2.0.0-rc.22</span>
212-
213209
You can import component groups and directives as Vue plugins by importing from the `bootstrap-vue`:
214210

215211
<!-- eslint-disable import/first, import/no-duplicates -->
@@ -256,8 +252,6 @@ single `import` statement for optimal tree shaking.
256252

257253
### Individual components and directives
258254

259-
<span class="badge badge-info small">CHANGED in 2.0.0-rc.22</span>
260-
261255
If you would like to only pull in a specific component or set of components, you can do this by
262256
directly importing those components.
263257

@@ -304,8 +298,6 @@ object property shorthand (components only).
304298

305299
### Using BootstrapVue source code for smaller bundles
306300

307-
<span class="badge badge-info small">For advanced users</span>
308-
309301
When using module bundlers, they will usually default to using the `esm/` modular build, which has
310302
been pre-transpiled by Babel for our
311303
[supported browsers](https://github.com/bootstrap-vue/bootstrap-vue/blob/master/.browserslistrc).
@@ -439,14 +431,11 @@ import 'custom.scss'
439431

440432
### `transformAssetUrls` with Nuxt.js
441433

442-
<span class="badge badge-info small">NEW in v2.0.0-rc.22</span> The BootstrapVue Nuxt plugin module
443-
will automatically add in the BootstrapVue specific [`transformAssetUrls`](/docs/reference/images)
444-
image `src` prop configuration for you.
434+
The BootstrapVue Nuxt plugin module will automatically add in the BootstrapVue specific
435+
[`transformAssetUrls`](/docs/reference/images) image `src` prop configuration for you.
445436

446437
### Tree shaking with Nuxt.js
447438

448-
<span class="badge badge-info small">ENHANCED in 2.0.0-rc.20</span>
449-
450439
If you wish to reduce your production bundle size because you only use a subset of the available
451440
BootstrapVue plugins, you can configure the list of BootstrapVue `componentPlugins` or
452441
`directivePlugins` you want to globally install in your Nuxt.js project.
@@ -469,18 +458,17 @@ module.exports = {
469458
}
470459
```
471460

472-
<span class="badge badge-info small">NEW in 2.0.0-rc.20</span> There are two additional helper
473-
plugins for providing the `$bvModal` and `$bvToast` injections (if you are not using the
474-
`ModalPlugin` or `ToastPlugin` plugins) that are available in the `componentPlugins` option:
461+
There are two additional helper plugins for providing the `$bvModal` and `$bvToast` injections (if
462+
you are not using the `ModalPlugin` or `ToastPlugin` plugins) that are available in the
463+
`componentPlugins` option:
475464

476465
- `BVModalPlugin` - provides the injection `$bvModal` for generating
477466
[message boxes](/docs/components/modal#modal-message-boxes).
478467
- `BVToastPlugin` - provides the injection `$bvToast` for generating
479468
[on demand toasts](/docs/components/toast#toasts-on-demand).
480469

481-
<span class="badge badge-info small">NEW in 2.0.0-rc.20</span> You can also optionally import
482-
individual components and/or directives, by configuring the list of BootstrapVue `components` or
483-
`directives` you want to globally install in your Nuxt.js project.
470+
You can also optionally import individual components and/or directives, by configuring the list of
471+
BootstrapVue `components` or `directives` you want to globally install in your Nuxt.js project.
484472

485473
```js
486474
module.exports = {
@@ -540,37 +528,6 @@ pre-transpiled versions, while setting it to `false` will always use `src/`. By
540528
`usePretranspiled` is enabled in development mode only. You should not need to use this option as
541529
the default is most optimal for performance.
542530

543-
## Vue CLI 2
544-
545-
<span class="badge badge-warning small">DEPRECATED</span> Use [Vue CLI 3](#vue-cli-3) instead.
546-
547-
BootstrapVue has two Vue CLI templates available:
548-
549-
- [webpack-simple](https://github.com/bootstrap-vue/webpack-simple): Quick scaffold for a proof of
550-
concept or small app
551-
- [webpack](https://github.com/bootstrap-vue/webpack): Larger, production ready template with more
552-
options
553-
554-
```bash
555-
# Ensure Vue CLI is installed and up to date
556-
npm install -g vue-cli
557-
558-
# Initialize a BootstrapVue project in the directory 'my-project'
559-
vue init bootstrap-vue/webpack-simple my-project
560-
561-
# Change into the directory
562-
cd my-project
563-
564-
# Install dependencies
565-
npm install
566-
567-
# Fire up the dev server with HMR
568-
npm run dev
569-
```
570-
571-
You can repeat the commands above replacing `bootstrap-vue/webpack-simple` with
572-
`bootstrap-vue/webpack` for the webpack template.
573-
574531
## Vue CLI 3
575532

576533
Unlike V2, Vue CLI 3 doesn't use templates.

‎docs/markdown/misc/settings/README.md‎

Lines changed: 0 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,5 @@
11
# Settings
22

3-
<span class="badge badge-info small">NEW in 2.0.0-rc.16</span>
4-
53
> BootstrapVue provides a few options for customizing component default values, and more.
64
75
## Configuring defaults
@@ -22,16 +20,12 @@ stored under the `formControls` property, while component specific defaults are
2220
defined in the default configuration can be overridden. Attempting to set a config property that is
2321
not defined in the default will generate a console warning.
2422

25-
The `formControls` entry was introduced in <span class="badge badge-info small">v2.0.0-rc.28</span>.
26-
2723
```json
2824
{{ defaultConfig }}
2925
```
3026

3127
### Setting new configuration values
3228

33-
<span class="badge badge-info small">ENHANCED in v2.0.0-rc.22</span>
34-
3529
When you `Vue.use(BootstrapVue)`, you can optionally pass a configuration object which specifies new
3630
values to replace the default values. For example if you wish to define new breakpoint names (which
3731
will generate appropriate properties on components such as `<b-col>` and `<b-form-group>`), so that

‎docs/markdown/reference/accessibility/meta.json‎

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,4 @@
11
{
22
"title": "Accessibility",
3-
"description": "A brief overview of BootstrapVue's features and limitations for the creation of accessible content.",
4-
"new": true
3+
"description": "A brief overview of BootstrapVue's features and limitations for the creation of accessible content."
54
}

‎docs/markdown/reference/images/README.md‎

Lines changed: 2 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -117,9 +117,8 @@ module.exports = {
117117
}
118118
```
119119

120-
<span class="badge badge-info small">NEW in v2.0.0-rc.22</span> If using the
121-
[BootstrapVue Nuxt](/docs#nuxtjs-module) module with Nuxt.js, the plugin module will automatically
122-
add in the BootstrapVue specific `transformAssetUrls` configuration for you.
120+
If using the [BootstrapVue Nuxt](/docs#nuxtjs-module) module with Nuxt.js, the plugin module will
121+
automatically add in the BootstrapVue specific `transformAssetUrls` configuration for you.
123122

124123
## Using `require` to resolve image paths
125124

‎docs/markdown/reference/size-props/README.md‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -39,10 +39,10 @@ values as you need to generate different utilities here.
3939

4040
```html
4141
<div class="text-center">
42-
<div class="w-25 p-3 mb-1 bg-secondary">Width 25%</div>
43-
<div class="w-50 p-3 mb-1 bg-secondary">Width 50%</div>
44-
<div class="w-75 p-3 mb-1 bg-secondary">Width 75%</div>
45-
<div class="w-100 p-3 bg-secondary">Width 100%</div>
42+
<div class="w-25 p-3 mb-1 bg-secondary text-light">Width 25%</div>
43+
<div class="w-50 p-3 mb-1 bg-secondary text-light">Width 50%</div>
44+
<div class="w-75 p-3 mb-1 bg-secondary text-light">Width 75%</div>
45+
<div class="w-100 p-3 bg-secondary text-light">Width 100%</div>
4646
</div>
4747

4848
<!-- widths.vue -->

‎docs/markdown/reference/starter-templates/README.md‎

Lines changed: 0 additions & 20 deletions
Original file line numberDiff line numberDiff line change
@@ -81,26 +81,6 @@ tags to load the required JavaScript and CSS in your page.
8181
</html>
8282
```
8383

84-
## Vue CLI 2
85-
86-
<span class="badge badge-warning small">DEPRECATED</span>
87-
88-
### `webpack-simple` example
89-
90-
Starter template: https://github.com/bootstrap-vue/webpack-simple
91-
92-
Note: you may need to adjust the template package.json file to use the latest BootstrapVue version
93-
94-
Coming soon!
95-
96-
### `webpack` example
97-
98-
Starter template: https://github.com/bootstrap-vue/webpack
99-
100-
Note: you may need to adjust the template package.json file to use the latest BootstrapVue version
101-
102-
Coming soon!
103-
10484
## Vue CLI 3
10585

10686
Vue CLI 3 is the newest way to create Vue apps.

‎src/components/button/README.md‎

Lines changed: 0 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -131,8 +131,6 @@ prop.
131131

132132
## Pill style
133133

134-
<span class="badge badge-info small">NEW in 2.0.0-rc.20</span>
135-
136134
Prefer buttons with a more rounded-pill style? Just set the prop `pill` to true.
137135

138136
```html
@@ -152,8 +150,6 @@ This prop adds the Bootstrap v4.3 utility class `.rounded-pill` on the rendered
152150

153151
## Squared style
154152

155-
<span class="badge badge-info small">NEW in 2.0.0-rc.22</span>
156-
157153
Prefer buttons with a more square corner style? Just set the prop `squared` to true.
158154

159155
```html

‎src/components/dropdown/README.md‎

Lines changed: 4 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -199,8 +199,6 @@ router link `to` value via the `split-to` prop, while maintaining the look of a
199199

200200
### Split button type
201201

202-
<span class="badge badge-info small">NEW in 2.0.0-rc.27</span>
203-
204202
The split button defaults to a button `type` of `'button'`. You can specify an alternate type via
205203
the `split-button-type` prop. Supported values are: `'button'`, `'submit'` and `'reset'`.
206204

@@ -337,8 +335,6 @@ to `true`. This is useful when the dropdown is to be displayed as an icon.
337335

338336
## Lazy dropdown
339337

340-
<span class="badge badge-info small">NEW in 2.0.0-rc.26</span>
341-
342338
By default, `<b-dropdown>` renders the menu contents in the DOM even when the menu is not shown.
343339
When there are a large number of dropdowns rendered on the same page, performance could be impacted
344340
due to larger overall memory utilization. You can instruct `<b-dropdown>` to render the menu
@@ -592,8 +588,6 @@ the full list of events.
592588

593589
## Optionally scoped default slot
594590

595-
<span class="badge badge-info small">NEW in 2.0.0-rc.20</span>
596-
597591
The default slot is optionally scoped with the following scope available:
598592

599593
| Property or Method | Description |
@@ -656,11 +650,10 @@ form controls within the menu.
656650

657651
## Implementation notes
658652

659-
<span class="badge badge-info small">NEW in 2.0.0-rc.19</span> The dropdown menu is rendered with
660-
semantic `<ul>` and `<li>` elements for accessibility reasons. The `.dropdown-menu` is the `<ul>`
661-
element, while dropdown items (items, buttons, text, form, headers, and dividers) are wrapped in an
662-
`<li>` element. If creating custom items to place inside the dropdown menu, ensure they are wrapped
663-
with a plain `<li>`.
653+
The dropdown menu is rendered with semantic `<ul>` and `<li>` elements for accessibility reasons.
654+
The `.dropdown-menu` is the `<ul>` element, while dropdown items (items, buttons, text, form,
655+
headers, and dividers) are wrapped in an `<li>` element. If creating custom items to place inside
656+
the dropdown menu, ensure they are wrapped with a plain `<li>`.
664657

665658
On touch-enabled devices, opening a `<b-dropdown>` adds empty (noop) `mouseover` handlers to the
666659
immediate children of the `<body>` element. This admittedly ugly hack is necessary to work around a

‎src/components/form-checkbox/README.md‎

Lines changed: 0 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -169,8 +169,6 @@ or if using individual checkboxes not inside a `<b-form-checkbox-group>`, set th
169169

170170
## Control sizing
171171

172-
<span class="badge badge-info small">NEW in 2.0.0-rc.28</span>
173-
174172
Use the `size` prop to control the size of the checkbox. The default size is medium. Supported size
175173
values are `sm` (small) and `lg` (large).
176174

@@ -406,8 +404,6 @@ Render groups of checkboxes with the look of a switches by setting the prop `swi
406404

407405
### Switch sizing
408406

409-
<span class="badge badge-info small">NEW in 2.0.0-rc.28</span>
410-
411407
Use the `size` prop to control the size of the switch. The default size is medium. Supported size
412408
values are `sm` (small) and `lg` (large).
413409

@@ -547,8 +543,6 @@ the group.
547543

548544
## Autofocus
549545

550-
<span class="badge badge-info small">NEW in 2.0.0-rc.21</span>
551-
552546
When the `autofocus` prop is set on `<b-form-checkbox>`, the input will be auto-focused when it is
553547
inserted into the document, or re-activated when inside a Vue `<keep-alive>` component. Note that
554548
this prop **does not** set the `autofocus` attribute on the input.

0 commit comments

Comments
 (0)