docs: update bootstrap links to 5.3

Author: VividLemon

README.md

@@ -14,7 +14,7 @@
   <a href="https://www.npmjs.com/package/bootstrap-vue-next">
     <img src="https://flat.badgen.net/npm/v/bootstrap-vue-next" alt="Current version">
   </a>
-  <a href="https://getbootstrap.com/docs/5.0/getting-started/introduction/">
+  <a href="https://getbootstrap.com/docs/5.3/getting-started/introduction/">
     <img src="https://flat.badgen.net/badge/bootstrap/5.3.x/563d7c" alt="Bootstrap version">
   </a>
   <a href="https://v3.vuejs.org/">

apps/docs/src/docs/components/accordion.md

@@ -20,7 +20,7 @@ The `<BAccordionItem>` uses the `<BCollapse>` component internally to make it co
 
 <BAlert variant="info" :model-value="true" class="my-5">
 
-The animation effect of this component is dependent on the prefers-reduced-motion media query. See the [reduced motion section of our accessibility documentation](https://getbootstrap.com/docs/5.0/getting-started/accessibility/#reduced-motion).
+The animation effect of this component is dependent on the prefers-reduced-motion media query. See the [reduced motion section of our accessibility documentation](https://getbootstrap.com/docs/5.3/getting-started/accessibility/#reduced-motion).
 
 </BAlert>
 

apps/docs/src/docs/components/button.md

@@ -200,7 +200,7 @@ Create responsive stacks of full-width, “block buttons” like those in Bootst
   </template>
 </HighlightCard>
 
-**Note:** Bootstrap 5 no long supports the `.btn-block` class, so it's removed. Use bootstrap 5's utility classes to get the same effect. [See](https://getbootstrap.com/docs/5.0/components/buttons/#block-buttons).
+**Note:** Bootstrap 5 no long supports the `.btn-block` class, so it's removed. Use bootstrap 5's utility classes to get the same effect. [See](https://getbootstrap.com/docs/5.3/components/buttons/#block-buttons).
 
 ## Pill style
 
@@ -331,12 +331,7 @@ To create a button that can be toggled between active and non-active states, use
   </p>
   <h5>In a button group</h5>
   <BButtonGroup size="sm">
-    <BButton
-      v-for="(btn, idx) in buttons"
-      :key="idx"
-      v-model:pressed="btn.state"
-      variant="primary"
-    >
+    <BButton v-for="(btn, idx) in buttons" :key="idx" v-model:pressed="btn.state" variant="primary">
       {{ btn.caption }}
     </BButton>
   </BButtonGroup>

apps/docs/src/docs/components/form-group.md

@@ -381,7 +381,7 @@ the invalid feedback to show when using one of the above-mentioned form controls
 
 ## Floating labels
 
-BFormGroup supports the new and fancy [Floating labels](https://getbootstrap.com/docs/5.0/forms/floating-labels/) feature of Bootstrap 5.
+BFormGroup supports the new and fancy [Floating labels](https://getbootstrap.com/docs/5.3/forms/floating-labels/) feature of Bootstrap 5.
 
 You can make a floating label by setting the property `floating` to true and specify a placeholder on the `<BFormInput>`.
 

apps/docs/src/docs/components/form.md

@@ -93,12 +93,7 @@ supported components, form layout, and more.
     </BFormGroup>
 
     <BFormGroup id="input-group-2" label="Your Name:" label-for="input-2">
-      <BFormInput
-        id="input-2"
-        v-model="form.name"
-        placeholder="Enter name"
-        required
-      ></BFormInput>
+      <BFormInput id="input-2" v-model="form.name" placeholder="Enter name" required></BFormInput>
     </BFormGroup>
     <BFormGroup id="input-group-3" label="Food:" label-for="input-3">
       <BFormSelect id="input-3" v-model="form.food" :options="foods" required></BFormSelect>
@@ -156,7 +151,7 @@ const onReset = (event) => {
 
 ## Inline form
 
-Bootstrap 5 has dropped form-specific layout classes for the grid system. See [this](https://getbootstrap.com/docs/5.0/migration/#forms).
+Bootstrap 5 has dropped form-specific layout classes for the grid system. See [this](https://getbootstrap.com/docs/5.3/migration/#forms).
 
 To create horizontal forms with the grid by add the `.row` class to form groups and use the `.col-_-_` classes to specify the width of your labels and controls. Be sure to add `.col-form-label` to your `<label>`s as well, so they’re vertically centered with their associated form controls.
 
@@ -439,7 +434,7 @@ of three contextual states:
 - `null` Displays no validation state (neither valid nor invalid)
 
 Refer to the
-[Bootstrap v5 Form Validation Documentation](https://getbootstrap.com/docs/5.0/forms/validation/)
+[Bootstrap v5 Form Validation Documentation](https://getbootstrap.com/docs/5.3/forms/validation/)
 for details on the Bootstrap v5 validation states.
 
 <ComponentReference :data="data" />

apps/docs/src/docs/components/link.md

@@ -29,7 +29,7 @@ By defaut links with no options will default to # location.
 External Links can be specified with the `href` prop.
 
 <HighlightCard>
-  <BLink href="https://getbootstrap.com/docs/5.0">
+  <BLink href="https://getbootstrap.com/docs/5.3">
     External Link to Bootstrap
   </BLink>
   <BLink to="sample">
@@ -41,7 +41,7 @@ External Links can be specified with the `href` prop.
   <template #html>
 
 ```vue-html
-<BLink href="https://getbootstrap.com/docs/5.0">
+<BLink href="https://getbootstrap.com/docs/5.3">
   External Link to Bootstrap
 </BLink>
 
@@ -62,20 +62,20 @@ External Links can be specified with the `href` prop.
 External Links can be specified with the `href` prop.
 
 <HighlightCard>
-  <BLink class="btn btn-primary me-2" href="https://getbootstrap.com/docs/5.0">
+  <BLink class="btn btn-primary me-2" href="https://getbootstrap.com/docs/5.3">
       External Link to Bootstrap
   </BLink>
-  <BLink class="btn btn-primary disabled" href="https://getbootstrap.com/docs/5.0">
+  <BLink class="btn btn-primary disabled" href="https://getbootstrap.com/docs/5.3">
       Disabled Link
   </BLink>
   <template #html>
 
 ```vue-html
-<BLink class="btn btn-primary m-2" href="https://getbootstrap.com/docs/5.0">
+<BLink class="btn btn-primary m-2" href="https://getbootstrap.com/docs/5.3">
   External Link to Bootstrap
 </BLink>
 
-<BLink class="btn btn-primary disabled m-2" href="https://getbootstrap.com/docs/5.0">
+<BLink class="btn btn-primary disabled m-2" href="https://getbootstrap.com/docs/5.3">
   Disabled Link
 </BLink>
 ```

apps/docs/src/docs/components/spinner.md

@@ -110,7 +110,7 @@ Spinners in Bootstrap are built with `rem`s, currentColor, and `display: inline-
 
 ### Margin
 
-Use [margin utilities](https://getbootstrap.com/docs/5.0/utilities/spacing/) like `.m-5` for easy spacing.
+Use [margin utilities](https://getbootstrap.com/docs/5.3/utilities/spacing/) like `.m-5` for easy spacing.
 
 <HighlightCard>
   <BSpinner class="m-5"></BSpinner>
@@ -125,7 +125,7 @@ Use [margin utilities](https://getbootstrap.com/docs/5.0/utilities/spacing/) lik
 
 ### Placement
 
-Use [flexbox utilities](https://getbootstrap.com/docs/5.0/utilities/flex/), [float utilities](https://getbootstrap.com/docs/5.0/utilities/float/), or [text alignment](https://getbootstrap.com/docs/5.0/utilities/text/) utilities to place spinners exactly where you need them in any situation.
+Use [flexbox utilities](https://getbootstrap.com/docs/5.3/utilities/flex/), [float utilities](https://getbootstrap.com/docs/5.3/utilities/float/), or [text alignment](https://getbootstrap.com/docs/5.3/utilities/text/) utilities to place spinners exactly where you need them in any situation.
 
 #### Flex