diff --git a/doc/orderlist/BasicDoc.vue b/doc/orderlist/BasicDoc.vue
index 42329316b..fa39032b6 100644
--- a/doc/orderlist/BasicDoc.vue
+++ b/doc/orderlist/BasicDoc.vue
@@ -3,7 +3,7 @@
         <p>OrderList requires an array as its value bound with the <i>v-model</i> directive and <i>item</i> template for its content.</p>
     </DocSectionText>
     <div class="card flex justify-content-center">
-        <OrderList v-model="products" dataKey="id" breakpoint="1400px" pt:list:root="w-full md:w-14rem">
+        <OrderList v-model="products" dataKey="id" breakpoint="1400px" pt:pcList:root="w-full md:w-14rem">
             <template #item="{ item }">
                 {{ item.name }}
             </template>
@@ -21,7 +21,7 @@ export default {
             products: null,
             code: {
                 basic: `
-<OrderList v-model="products" dataKey="id" breakpoint="1400px" pt:list:root="w-full md:w-14rem">
+<OrderList v-model="products" dataKey="id" breakpoint="1400px" pt:pcList:root="w-full md:w-14rem">
     <template #item="{ item }">
         {{ item.name }}
     </template>
@@ -30,7 +30,7 @@ export default {
                 options: `
 <template>
     <div class="card lg:flex lg:justify-content-center">
-        <OrderList v-model="products" dataKey="id" breakpoint="1400px" pt:list:root="w-full md:w-14rem">
+        <OrderList v-model="products" dataKey="id" breakpoint="1400px" pt:pcList:root="w-full md:w-14rem">
             <template #item="{ item }">
                 {{ item.name }}
             </template>
@@ -55,7 +55,7 @@ export default {
                 composition: `
 <template>
     <div class="card lg:flex lg:justify-content-center">
-        <OrderList v-model="products" dataKey="id" breakpoint="1400px" pt:list:root="w-full md:w-14rem">
+        <OrderList v-model="products" dataKey="id" breakpoint="1400px" pt:pcList:root="w-full md:w-14rem">
             <template #item="{ item }">
                 {{ item.name }}
             </template>
diff --git a/doc/passthrough/DeclarativeDoc.vue b/doc/passthrough/DeclarativeDoc.vue
index 82eb25679..ccfbb7710 100644
--- a/doc/passthrough/DeclarativeDoc.vue
+++ b/doc/passthrough/DeclarativeDoc.vue
@@ -24,14 +24,14 @@ export default {
                 basic: `
 <Panel
     :pt="{
-       root: {
-         class='"border-1 border-solid'
-       },
-       header: {
-          'data-test-id': 'testid',
-          class: 'bg-blue-500',
-          onClick: onHeaderClick
-       }
+        root: {
+            class='"border-1 border-solid'
+        },
+        header: {
+            'data-test-id': 'testid',
+            class: 'bg-blue-500',
+            onClick: onHeaderClick
+        }
     }"
 >
 `