Skip to content

Commit db50e2c

Browse files
author
Magda
committed
Update Vue documentation to 6.0.0
1 parent 886823c commit db50e2c

File tree

15 files changed

+649
-257
lines changed

15 files changed

+649
-257
lines changed

en/vue/web/docs/addons/modals/modal-templates/o.html

Lines changed: 0 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -2374,15 +2374,13 @@ <h4 class="h4-responsive">
23742374
<mdb-row>
23752375
<mdb-col md="6">
23762376
<mdb-select :options="[
2377-
{value: '-1', text: 'Choose your color', disabled: true, selected: true},
23782377
{value: 'white', text: 'White'},
23792378
{value: 'black', text: 'Black'},
23802379
{value: 'pink', text: 'Pink'}
23812380
]" />
23822381
</mdb-col>
23832382
<mdb-col md="6">
23842383
<mdb-select :options="[
2385-
{value: '-1', text: 'Choose your size', disabled: true, selected: true},
23862384
{value: 'xs', text: 'XS'},
23872385
{value: 's', text: 'S'},
23882386
{value: 'l', text: 'L'}

en/vue/web/docs/advanced/accordion/e.html

Lines changed: 0 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -1715,7 +1715,6 @@ <h5 class="mt-1 mb-0">
17151715
<row>
17161716
<column xl="4" lg="6" md="12">
17171717
<mdb-select :options="[
1718-
{value: null, text: 'Bulk actions', disabled: true, selected: true},
17191718
{value: 1, text: 'Delete'},
17201719
{value: 2, text: 'Change folder'}
17211720
]" />
@@ -1734,7 +1733,6 @@ <h5 class="mt-1 mb-0">
17341733
</column>
17351734
<column xl="4" lg="6" md="6">
17361735
<mdb-select :options="[
1737-
{value: null, text: 'Filter', disabled: true, selected: true},
17381736
{value: 1, text: 'All (100)'},
17391737
{value: 2, text: 'Active (2000)'},
17401738
{value: 3, text: 'Inactive (1000)'}
@@ -1865,14 +1863,12 @@ <h5 class="mt-1 mb-0">
18651863
<row>
18661864
<column xl="4" lg="6" md="12">
18671865
<mdb-select :options="[
1868-
{value: null, text: 'Bulk actions', disabled: true, selected: true},
18691866
{value: 1, text: 'Delete'},
18701867
{value: 2, text: 'Change folder'}
18711868
]" />
18721869
</column>
18731870
<column xl="4" lg="6" md="6">
18741871
<mdb-select :options="[
1875-
{value: null, text: 'Show only', disabled: true},
18761872
{value: 1, text: 'All (2000)', selected: true},
18771873
{value: 2, text: 'Clicks (200)'},
18781874
{value: 3, text: 'Page (1800)'},
@@ -1884,7 +1880,6 @@ <h5 class="mt-1 mb-0">
18841880
</column>
18851881
<column xl="4" lg="6" md="6">
18861882
<mdb-select :options="[
1887-
{value: null, text: 'Filter', disabled: true, selected: true},
18881883
{value: 1, text: 'All (100)'},
18891884
{value: 2, text: 'Active (2000)'},
18901885
{value: 3, text: 'Inactive (1000)'}
@@ -2015,7 +2010,6 @@ <h5 class="mt-1 mb-0">
20152010
<row>
20162011
<column xl="4" lg="6" md="12">
20172012
<mdb-select :options="[
2018-
{value: null, text: 'Bulk actions', disabled: true, selected: true},
20192013
{value: 1, text: 'Delete'},
20202014
{value: 2, text: 'Change folder'}
20212015
]" />
@@ -2034,7 +2028,6 @@ <h5 class="mt-1 mb-0">
20342028
</column>
20352029
<column xl="4" lg="6" md="6">
20362030
<mdb-select :options="[
2037-
{value: null, text: 'Filter', disabled: true, selected: true},
20382031
{value: 1, text: 'All (100)'},
20392032
{value: 2, text: 'Active (2000)'},
20402033
{value: 3, text: 'Inactive (1000)'}
@@ -2165,7 +2158,6 @@ <h5 class="mt-1 mb-0">
21652158
<row>
21662159
<column xl="4" lg="6" md="12">
21672160
<mdb-select :options="[
2168-
{value: null, text: 'Bulk actions', disabled: true, selected: true},
21692161
{value: 1, text: 'Delete'},
21702162
{value: 2, text: 'Change folder'}
21712163
]" />
@@ -2184,7 +2176,6 @@ <h5 class="mt-1 mb-0">
21842176
</column>
21852177
<column xl="4" lg="6" md="6">
21862178
<mdb-select :options="[
2187-
{value: null, text: 'Filter', disabled: true, selected: true},
21882179
{value: 1, text: 'All (100)'},
21892180
{value: 2, text: 'Active (2000)'},
21902181
{value: 3, text: 'Inactive (1000)'}

en/vue/web/docs/advanced/carousel/o.html

Lines changed: 19 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -40,7 +40,25 @@ <h2 class="section-heading mb-4">
4040
<p>Please be aware that nested carousels are not supported, and carousels are generally not compliant with
4141
accessibility standards.</p>
4242

43-
<p class="note note-primary">This documentation is for <strong>MDB Vue 6.0.0</strong> and is not compatible with previous versions. See legacy docs.</p>
43+
<p class="note note-danger">This documentation may contain syntax introduced in the <strong>MDB Vue 6.0.0</strong> and can be not compatible with previous versions. See legacy <a href="https://mdbootstrap.com/legacy/vue/5.8.3/">docs</a>.</p>
44+
45+
<a
46+
href="https://mdbootstrap.com/previews/templates/vue/#/advanced/carousel"
47+
target="_blank"
48+
class="btn btn-info mt-4 btn-rounded"
49+
role="button"
50+
>Vue live preview
51+
<i class="fas fa-eye ml-2"></i>
52+
</a>
53+
54+
<a
55+
href="https://mdbootstrap.com/previews/templates/vue/#/advanced/pro/carousel"
56+
target="_blank"
57+
class="btn btn-outline-info mt-4 btn-rounded"
58+
role="button"
59+
>Vue live preview (PRO)
60+
<i class="fas fa-gem ml-2"></i>
61+
</a>
4462

4563
</section>
4664
<!--/Section: -->

en/vue/web/docs/components/stepper/a.html

Lines changed: 9 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -195,9 +195,7 @@ <h2 class="section-heading mb-4">
195195
The <code>mdbStepper</code> has one required property -
196196
<code>steps</code> with two accepted datatypes: <code>Array</code> and
197197
<code>Number</code>. Based on this value component will calculate the
198-
number of steps and neccessary slots. Each slot is named by the following
199-
convention: "Step<code>n</code>" where <code>n</code> represents the
200-
number of the given step (value starts at 1).
198+
number of steps and neccessary slots. Each slot is named by according to its order (starting at 1), f.e: <code>#1</code> / <code>v-slot:1</code>.
201199
</p>
202200
</blockquote>
203201

@@ -206,13 +204,13 @@ <h2 class="section-heading mb-4">
206204
<mdbsnippet>
207205
<code data-lang="html" data-name="template">
208206
<mdb-stepper :step="2">
209-
<template v-slot:slot1>
207+
<template v-slot:1>
210208
<div>
211209
<h2>First slot!</h2>
212210
<p>Content</p>
213211
</div>
214212
</template>
215-
<template v-slot:slot2>
213+
<template v-slot:2>
216214
<div>
217215
<h2>Second slot!</h2>
218216
<p>Content</p>
@@ -226,7 +224,12 @@ <h2>Second slot!</h2>
226224

227225
<p class="note note-primary">
228226
Remember that <code>v-slot</code> directive can be used only on the
229-
<code>template</code> element
227+
<code>template</code> element.
228+
</p>
229+
230+
<p class="note note-primary">
231+
<code>v-slot:1</code> can be used interchangeably with
232+
<code>#1</code> syntax.
230233
</p>
231234

232235
<hr class="mt-4 mb-5" />

en/vue/web/docs/components/stepper/o-ss.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@
33
<li class="nav-item"><a class="nav-link" href="#simple-h">Simple H</a></li>
44
<li class="nav-item"><a class="nav-link" href="#simple-v-pro">SimpleV (PRO)</a>
55
<ul>
6-
<li class="nav-item"><a class="nav-link" href="#simple-v-button">Buttons</a></li>
6+
<li class="nav-item"><a class="nav-link" href="#simple-buttons">Buttons</a></li>
77
<li class="nav-item"><a class="nav-link" href="#simple-v-linear">Linear</a></li>
88
<li class="nav-item"><a class="nav-link" href="#simple-v-validation">Validation)</a></li>
99
</ul>

0 commit comments

Comments
 (0)