Skip to content

Commit fa42242

Browse files
Typo fixes
1 parent 7bbc40a commit fa42242

File tree

7 files changed

+33
-35
lines changed

7 files changed

+33
-35
lines changed

doc/breadcrumb/TemplateDoc.vue

Lines changed: 5 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -24,14 +24,12 @@ export default {
2424
code: {
2525
basic: `
2626
<Breadcrumb :home="home" :model="items">
27-
<template #item="item">
28-
<template #item="{ item }">
29-
<a class="cursor-pointer" :href="item.url">
30-
<span :class="item.icon"></span>
31-
</a>
32-
</template>
33-
<template #separator> / </template>
27+
<template #item="{ item }">
28+
<a class="cursor-pointer" :href="item.url">
29+
<span :class="item.icon"></span>
30+
</a>
3431
</template>
32+
<template #separator> / </template>
3533
</Breadcrumb>
3634
`,
3735
options: `

doc/contextmenu/CommandDoc.vue

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
<template>
22
<DocSectionText v-bind="$attrs">
3-
<p>ContextMenu requires a collection of menuitems as its <i>model</i> and the <i>show</i> method needs to be called explicity using an event of the target like <i>contextmenu</i> to display the menu.</p>
3+
<p>The <i>command</i> property defines the callback to run when an item is activated by click or a key event.</p>
44
</DocSectionText>
55
<div class="card flex md:justify-content-center">
66
<ul class="m-0 p-0 list-none border-1 surface-border border-round p-3 flex flex-column gap-2 w-full md:w-30rem">
@@ -237,7 +237,7 @@ const items = ref([
237237
toast.add({ severity: 'success', summary: 'Success', detail: 'Invitation sent!', life: 3000 });
238238
}
239239
}
240-
]);
240+
]);
241241
242242
const onRightClick = (event, user) => {
243243
selectedUser.value = user;

doc/dialog/LongContentDoc.vue

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
<template>
22
<DocSectionText v-bind="$attrs">
3-
<p>When content exceeeds viewport, Dialog automatically becomes scrollable.</p>
3+
<p>When content exceeds viewport, Dialog automatically becomes scrollable.</p>
44
</DocSectionText>
55

66
<div class="card flex justify-content-center">

doc/menubar/RouterDoc.vue

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -58,7 +58,7 @@ export default {
5858
},
5959
{
6060
label: 'Vite.js',
61-
url: 'https://vuejs.org/'
61+
url: 'https://vitejs.dev/'
6262
}
6363
]
6464
}
@@ -138,7 +138,7 @@ export default {
138138
},
139139
{
140140
label: 'Vite.js',
141-
url: 'https://vuejs.org/'
141+
url: 'https://vitejs.dev/'
142142
}
143143
]
144144
}
@@ -207,7 +207,7 @@ const items = ref([
207207
},
208208
{
209209
label: 'Vite.js',
210-
url: 'https://vuejs.org/'
210+
url: 'https://vitejs.dev/'
211211
}
212212
]
213213
}

doc/tree/LazyDoc.vue

Lines changed: 17 additions & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -7,11 +7,11 @@
77
</DocSectionText>
88
<div class="card flex flex-wrap p-fluid gap-3">
99
<div class="flex-auto md:flex md:justify-content-start md:align-items-center flex-column">
10-
<label for="mask" class="font-bold block mb-2">Mask Mode</label>
10+
<label class="font-bold block mb-2">Mask Mode</label>
1111
<Tree :value="nodes" @node-expand="onNodeExpand" :loading="loading" class="w-full md:w-30rem"></Tree>
1212
</div>
1313
<div class="flex-auto md:flex md:justify-content-start md:align-items-center flex-column">
14-
<label for="mask" class="font-bold block mb-2">Icon Mode</label>
14+
<label class="font-bold block mb-2">Icon Mode</label>
1515
<Tree :value="nodes2" @node-expand="onNodeExpand2" loadingMode="icon" class="w-full md:w-30rem"></Tree>
1616
</div>
1717
</div>
@@ -34,11 +34,11 @@ export default {
3434
<template>
3535
<div class="card flex flex-wrap p-fluid gap-3">
3636
<div class="flex-auto md:flex md:justify-content-start md:align-items-center flex-column">
37-
<label for="mask" class="font-bold block mb-2">Mask Mode</label>
37+
<label class="font-bold block mb-2">Mask Mode</label>
3838
<Tree :value="nodes" @node-expand="onNodeExpand" :loading="loading" class="w-full md:w-30rem"></Tree>
3939
</div>
4040
<div class="flex-auto md:flex md:justify-content-start md:align-items-center flex-column">
41-
<label for="mask" class="font-bold block mb-2">Icon Mode</label>
41+
<label class="font-bold block mb-2">Icon Mode</label>
4242
<Tree :value="nodes2" @node-expand="onNodeExpand2" loadingMode="icon" class="w-full md:w-30rem"></Tree>
4343
</div>
4444
</div>
@@ -55,10 +55,10 @@ export default {
5555
},
5656
mounted() {
5757
this.loading = true;
58-
this.nodes2 = this.initateNodes2();
58+
this.nodes2 = this.initiateNodes2();
5959
6060
setTimeout(() => {
61-
this.nodes = this.initateNodes();
61+
this.nodes = this.initiateNodes();
6262
this.loading = false;
6363
this.nodes2.map((node) => (node.loading = false));
6464
}, 2000);
@@ -112,7 +112,7 @@ export default {
112112
}, 500);
113113
}
114114
},
115-
initateNodes() {
115+
initiateNodes() {
116116
return [
117117
{
118118
key: '0',
@@ -131,7 +131,7 @@ export default {
131131
}
132132
];
133133
},
134-
initateNodes2() {
134+
initiateNodes2() {
135135
return [
136136
{
137137
key: '0',
@@ -161,11 +161,11 @@ export default {
161161
<template>
162162
<div class="card flex flex-wrap p-fluid gap-3">
163163
<div class="flex-auto md:flex md:justify-content-start md:align-items-center flex-column">
164-
<label for="mask" class="font-bold block mb-2">Mask Mode</label>
164+
<label class="font-bold block mb-2">Mask Mode</label>
165165
<Tree :value="nodes" @node-expand="onNodeExpand" :loading="loading" class="w-full md:w-30rem"></Tree>
166166
</div>
167167
<div class="flex-auto md:flex md:justify-content-start md:align-items-center flex-column">
168-
<label for="mask" class="font-bold block mb-2">Icon Mode</label>
168+
<label class="font-bold block mb-2">Icon Mode</label>
169169
<Tree :value="nodes2" @node-expand="onNodeExpand2" loadingMode="icon" class="w-full md:w-30rem"></Tree>
170170
</div>
171171
</div>
@@ -183,7 +183,7 @@ onMounted(() => {
183183
nodes2.value = initiateNodes2();
184184
185185
setTimeout(() => {
186-
nodes.value = initateNodes();
186+
nodes.value = initiateNodes();
187187
loading.value = false;
188188
nodes2.value.map((node) => (node.loading = false));
189189
}, 2000);
@@ -239,7 +239,7 @@ const onNodeExpand2 = (node) => {
239239
}
240240
};
241241
242-
const initateNodes = () => {
242+
const initiateNodes = () => {
243243
return [
244244
{
245245
key: '0',
@@ -259,7 +259,7 @@ const initateNodes = () => {
259259
];
260260
};
261261
262-
const initateNodes2 = () => {
262+
const initiateNodes2 = () => {
263263
return [
264264
{
265265
key: '0',
@@ -315,10 +315,10 @@ const initateNodes2 = () => {
315315
},
316316
mounted() {
317317
this.loading = true;
318-
this.nodes2 = this.initateNodes2();
318+
this.nodes2 = this.initiateNodes2();
319319
320320
setTimeout(() => {
321-
this.nodes = this.initateNodes();
321+
this.nodes = this.initiateNodes();
322322
this.loading = false;
323323
this.nodes2.map((node) => (node.loading = false));
324324
}, 2000);
@@ -373,7 +373,7 @@ const initateNodes2 = () => {
373373
}, 500);
374374
}
375375
},
376-
initateNodes() {
376+
initiateNodes() {
377377
return [
378378
{
379379
key: '0',
@@ -392,7 +392,7 @@ const initateNodes2 = () => {
392392
}
393393
];
394394
},
395-
initateNodes2() {
395+
initiateNodes2() {
396396
return [
397397
{
398398
key: '0',

doc/treeselect/FilledDoc.vue

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -18,12 +18,12 @@ export default {
1818
selectedValue: null,
1919
code: {
2020
basic: `
21-
<TreeSelect v-model="selectedValue" :options="nodes" placeholder="Select Item" class="md:w-20rem w-full" />
21+
<TreeSelect v-model="selectedValue" variant="filled" :options="nodes" placeholder="Select Item" class="md:w-20rem w-full" />
2222
`,
2323
options: `
2424
<template>
2525
<div class="card flex justify-content-center">
26-
<TreeSelect v-model="selectedValue" :options="nodes" placeholder="Select Item" class="md:w-20rem w-full" />
26+
<TreeSelect v-model="selectedValue" variant="filled" :options="nodes" placeholder="Select Item" class="md:w-20rem w-full" />
2727
</div>
2828
</template>
2929
@@ -46,7 +46,7 @@ export default {
4646
composition: `
4747
<template>
4848
<div class="card flex justify-content-center">
49-
<TreeSelect v-model="selectedValue" :options="nodes" placeholder="Select Item" class="md:w-20rem w-full" />
49+
<TreeSelect v-model="selectedValue" variant="filled" :options="nodes" placeholder="Select Item" class="md:w-20rem w-full" />
5050
</div>
5151
</template>
5252

doc/tristatecheckbox/FilledDoc.vue

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
<template>
22
<DocSectionText v-bind="$attrs">
3-
<p>A model can be bound using the standard v-model directive.</p>
3+
<p>Specify the <i>variant</i> property as <i>filled</i> to display the component with a higher visual emphasis than the default <i>outlined</i> style.</p>
44
</DocSectionText>
55
<div class="card flex flex-column align-items-center">
66
<TriStateCheckbox v-model="value" variant="filled" />
@@ -15,7 +15,7 @@ export default {
1515
value: null,
1616
code: {
1717
basic: `
18-
<TriStateCheckbox v-model="value" />
18+
<TriStateCheckbox v-model="value" variant="filled" />
1919
`,
2020
options: `
2121
<template>

0 commit comments

Comments
 (0)