Skip to content
This repository was archived by the owner on Mar 27, 2025. It is now read-only.

Commit 6fce71b

Browse files
committed
docs: fix vue-html/vue types & indentation
1 parent cb3464d commit 6fce71b

File tree

8 files changed

+152
-188
lines changed

8 files changed

+152
-188
lines changed

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

Lines changed: 4 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -51,10 +51,8 @@ when providing a value for the `to` prop (`vue-router` is required).
5151
<template #html>
5252

5353
```vue-html
54-
<div>
55-
<BButton>I am a Button</BButton>
56-
<BButton href="#">I am a Link</BButton>
57-
</div>
54+
<BButton>I am a Button</BButton>
55+
<BButton href="#">I am a Link</BButton>
5856
```
5957

6058
</template>
@@ -193,8 +191,8 @@ Create responsive stacks of full-width, “block buttons” like those in Bootst
193191
<template #html>
194192

195193
```vue-html
196-
<BButton block variant="primary">Block Level Button</BButton>
197-
<BButton block variant="primary">Block Level Button</BButton>
194+
<BButton block variant="primary">Block Level Button</BButton>
195+
<BButton block variant="primary">Block Level Button</BButton>
198196
```
199197

200198
</template>

apps/docs/src/docs/components/collapse.md

Lines changed: 21 additions & 21 deletions
Original file line numberDiff line numberDiff line change
@@ -63,16 +63,16 @@ Other elements can easily toggle `<BCollapse>` components using the
6363
<template #html>
6464

6565
```vue-html
66-
<!-- Using modifiers -->
67-
<BButton v-b-toggle.collapse-2 class="m-1">Toggle Collapse</BButton>
66+
<!-- Using modifiers -->
67+
<BButton v-b-toggle.collapse-2 class="m-1">Toggle Collapse</BButton>
6868
69-
<!-- Using value -->
70-
<BButton v-b-toggle="'collapse-2'" class="m-1">Toggle Collapse</BButton>
69+
<!-- Using value -->
70+
<BButton v-b-toggle="'collapse-2'" class="m-1">Toggle Collapse</BButton>
7171
72-
<!-- Element to collapse -->
73-
<BCollapse id="collapse-2">
74-
<BCard>I am collapsible content!</BCard>
75-
</BCollapse>
72+
<!-- Element to collapse -->
73+
<BCollapse id="collapse-2">
74+
<BCard>I am collapsible content!</BCard>
75+
</BCollapse>
7676
```
7777

7878
</template>
@@ -179,23 +179,23 @@ You can also pass multiple target Ids via the directive _value_ in BootstrapVueN
179179
<template #html>
180180

181181
```vue-html
182-
<!-- Via multiple directive modifiers -->
183-
<BButton v-b-toggle.collapse-a.collapse-b>Toggle Collapse A and B</BButton>
182+
<!-- Via multiple directive modifiers -->
183+
<BButton v-b-toggle.collapse-a.collapse-b>Toggle Collapse A and B</BButton>
184184
185-
<!-- Via space separated string of Ids passed to directive value -->
186-
<BButton v-b-toggle="'collapse-a collapse-b'">Toggle Collapse A and B</BButton>
185+
<!-- Via space separated string of Ids passed to directive value -->
186+
<BButton v-b-toggle="'collapse-a collapse-b'">Toggle Collapse A and B</BButton>
187187
188-
<!-- Via array of string Ids passed to directive value -->
189-
<BButton v-b-toggle="['collapse-a', 'collapse-b']">Toggle Collapse A and B</BButton>
188+
<!-- Via array of string Ids passed to directive value -->
189+
<BButton v-b-toggle="['collapse-a', 'collapse-b']">Toggle Collapse A and B</BButton>
190190
191-
<!-- Elements to collapse -->
192-
<BCollapse id="collapse-a">
193-
<BCard>I am collapsible content A!</BCard>
194-
</BCollapse>
191+
<!-- Elements to collapse -->
192+
<BCollapse id="collapse-a">
193+
<BCard>I am collapsible content A!</BCard>
194+
</BCollapse>
195195
196-
<BCollapse id="collapse-b">
197-
<BCard>I am collapsible content B!</BCard>
198-
</BCollapse>
196+
<BCollapse id="collapse-b">
197+
<BCard>I am collapsible content B!</BCard>
198+
</BCollapse>
199199
```
200200

201201
</template>

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

Lines changed: 5 additions & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -416,11 +416,9 @@ values are `sm` (small) and `lg` (large).
416416
<template #html>
417417

418418
```vue-html
419-
<template>
420-
<BFormRadio name="radio-size" size="sm">Small</BFormRadio>
421-
<BFormRadio name="radio-size">Default</BFormRadio>
422-
<BFormRadio name="radio-size" size="lg">Large</BFormRadio>
423-
</template>
419+
<BFormRadio name="radio-size" size="sm">Small</BFormRadio>
420+
<BFormRadio name="radio-size">Default</BFormRadio>
421+
<BFormRadio name="radio-size" size="lg">Large</BFormRadio>
424422
```
425423

426424
</template>
@@ -572,25 +570,15 @@ by setting the `plain` prop.
572570
</div>
573571
574572
<div>
575-
<BFormRadioGroup
576-
v-model="plainSelected"
577-
:options="plainOptions"
578-
name="plain-inline"
579-
plain
580-
/>
573+
<BFormRadioGroup v-model="plainSelected" :options="plainOptions" name="plain-inline" plain />
581574
</div>
582575
583576
<div class="my-2">
584577
<label>Plain stacked radios</label>
585578
</div>
586579
587580
<div>
588-
<BFormRadioGroup
589-
v-model="plainSelected"
590-
:options="plainOptions"
591-
name="plain-stacked"
592-
plain
593-
/>
581+
<BFormRadioGroup v-model="plainSelected" :options="plainOptions" name="plain-stacked" plain />
594582
</div>
595583
596584
<div class="mt-3">

apps/docs/src/docs/components/nav.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -104,7 +104,7 @@ You can make nav item styles in various ways.
104104
<template #html>
105105

106106
```vue-html
107-
<BNav tabs>
107+
<BNav tabs>
108108
<BNavItem active>Active</BNavItem>
109109
<BNavItem>Link</BNavItem>
110110
<BNavItem>Another Link</BNavItem>

0 commit comments

Comments
 (0)