Fixed OrderList demo

pull/6275/head^2
Cagatay Civici 2024-10-01 15:03:31 +03:00
parent d8f1f6d269
commit c8ecf64355
1 changed files with 4 additions and 4 deletions

View File

@ -3,7 +3,7 @@
<p>OrderList requires an array as its value bound with the <i>v-model</i> directive and <i>option</i> template for its content.</p> <p>OrderList requires an array as its value bound with the <i>v-model</i> directive and <i>option</i> template for its content.</p>
</DocSectionText> </DocSectionText>
<div class="card sm:flex sm:justify-center"> <div class="card sm:flex sm:justify-center">
<OrderList v-model="products" dataKey="id" breakpoint="575px" pt:pcList:root="w-full sm:w-56"> <OrderList v-model="products" dataKey="id" breakpoint="575px" pt:pcListbox:root="w-full sm:w-56">
<template #option="{ option }"> <template #option="{ option }">
{{ option.name }} {{ option.name }}
</template> </template>
@ -21,7 +21,7 @@ export default {
products: null, products: null,
code: { code: {
basic: ` basic: `
<OrderList v-model="products" dataKey="id" breakpoint="575px" pt:pcList:root="w-full sm:w-56"> <OrderList v-model="products" dataKey="id" breakpoint="575px" pt:pcListbox:root="w-full sm:w-56">
<template #option="{ option }"> <template #option="{ option }">
{{ option.name }} {{ option.name }}
</template> </template>
@ -30,7 +30,7 @@ export default {
options: ` options: `
<template> <template>
<div class="card sm:flex sm:justify-center"> <div class="card sm:flex sm:justify-center">
<OrderList v-model="products" dataKey="id" breakpoint="575px" pt:pcList:root="w-full sm:w-56"> <OrderList v-model="products" dataKey="id" breakpoint="575px" pt:pcListbox:root="w-full sm:w-56">
<template #option="{ option }"> <template #option="{ option }">
{{ option.name }} {{ option.name }}
</template> </template>
@ -55,7 +55,7 @@ export default {
composition: ` composition: `
<template> <template>
<div class="card sm:flex sm:justify-center"> <div class="card sm:flex sm:justify-center">
<OrderList v-model="products" dataKey="id" breakpoint="575px" pt:pcList:root="w-full sm:w-56"> <OrderList v-model="products" dataKey="id" breakpoint="575px" pt:pcListbox:root="w-full sm:w-56">
<template #option="{ option }"> <template #option="{ option }">
{{ option.name }} {{ option.name }}
</template> </template>