From f2f25180e5c4dd88f7d52c41580b1c9e6261349f Mon Sep 17 00:00:00 2001
From: MajesticPotatoe <amajesticpotatoe@gmail.com>
Date: Fri, 14 Jun 2024 13:12:51 -0400
Subject: [PATCH] docs(data-tables): fix options api examples

---
 .../v-data-table/headers-multiple.vue         |   2 +-
 .../src/examples/v-data-table/prop-dense.vue  | 160 +++++++++---------
 2 files changed, 82 insertions(+), 80 deletions(-)

diff --git a/packages/docs/src/examples/v-data-table/headers-multiple.vue b/packages/docs/src/examples/v-data-table/headers-multiple.vue
index 1a818f16bf3..e773cf9e5b3 100644
--- a/packages/docs/src/examples/v-data-table/headers-multiple.vue
+++ b/packages/docs/src/examples/v-data-table/headers-multiple.vue
@@ -84,7 +84,7 @@
           ],
         },
       ],
-      desserts: [
+      items: [
         {
           name: 'Great Pyramid of Giza',
           location: 'Egypt',
diff --git a/packages/docs/src/examples/v-data-table/prop-dense.vue b/packages/docs/src/examples/v-data-table/prop-dense.vue
index c8788a3c365..78f2000c3c3 100644
--- a/packages/docs/src/examples/v-data-table/prop-dense.vue
+++ b/packages/docs/src/examples/v-data-table/prop-dense.vue
@@ -92,84 +92,86 @@
 
 <script>
   export default {
-    headers: [
-      { title: 'Plant', align: 'start', sortable: false, key: 'name' },
-      { title: 'Light', align: 'end', key: 'light' },
-      { title: 'Height', align: 'end', key: 'height' },
-      { title: 'Pet Friendly', align: 'end', key: 'petFriendly' },
-      { title: 'Price ($)', align: 'end', key: 'price' },
-    ],
-    plants: [
-      {
-        name: 'Fern',
-        light: 'Low',
-        height: '20cm',
-        petFriendly: 'Yes',
-        price: 20,
-      },
-      {
-        name: 'Snake Plant',
-        light: 'Low',
-        height: '50cm',
-        petFriendly: 'No',
-        price: 35,
-      },
-      {
-        name: 'Monstera',
-        light: 'Medium',
-        height: '60cm',
-        petFriendly: 'No',
-        price: 50,
-      },
-      {
-        name: 'Pothos',
-        light: 'Low to medium',
-        height: '40cm',
-        petFriendly: 'Yes',
-        price: 25,
-      },
-      {
-        name: 'ZZ Plant',
-        light: 'Low to medium',
-        height: '90cm',
-        petFriendly: 'Yes',
-        price: 30,
-      },
-      {
-        name: 'Spider Plant',
-        light: 'Bright, indirect',
-        height: '30cm',
-        petFriendly: 'Yes',
-        price: 15,
-      },
-      {
-        name: 'Air Plant',
-        light: 'Bright, indirect',
-        height: '15cm',
-        petFriendly: 'Yes',
-        price: 10,
-      },
-      {
-        name: 'Peperomia',
-        light: 'Bright, indirect',
-        height: '25cm',
-        petFriendly: 'Yes',
-        price: 20,
-      },
-      {
-        name: 'Aloe Vera',
-        light: 'Bright, direct',
-        height: '30cm',
-        petFriendly: 'Yes',
-        price: 15,
-      },
-      {
-        name: 'Jade Plant',
-        light: 'Bright, direct',
-        height: '40cm',
-        petFriendly: 'Yes',
-        price: 25,
-      },
-    ],
+    data: () => ({
+      headers: [
+        { title: 'Plant', align: 'start', sortable: false, key: 'name' },
+        { title: 'Light', align: 'end', key: 'light' },
+        { title: 'Height', align: 'end', key: 'height' },
+        { title: 'Pet Friendly', align: 'end', key: 'petFriendly' },
+        { title: 'Price ($)', align: 'end', key: 'price' },
+      ],
+      plants: [
+        {
+          name: 'Fern',
+          light: 'Low',
+          height: '20cm',
+          petFriendly: 'Yes',
+          price: 20,
+        },
+        {
+          name: 'Snake Plant',
+          light: 'Low',
+          height: '50cm',
+          petFriendly: 'No',
+          price: 35,
+        },
+        {
+          name: 'Monstera',
+          light: 'Medium',
+          height: '60cm',
+          petFriendly: 'No',
+          price: 50,
+        },
+        {
+          name: 'Pothos',
+          light: 'Low to medium',
+          height: '40cm',
+          petFriendly: 'Yes',
+          price: 25,
+        },
+        {
+          name: 'ZZ Plant',
+          light: 'Low to medium',
+          height: '90cm',
+          petFriendly: 'Yes',
+          price: 30,
+        },
+        {
+          name: 'Spider Plant',
+          light: 'Bright, indirect',
+          height: '30cm',
+          petFriendly: 'Yes',
+          price: 15,
+        },
+        {
+          name: 'Air Plant',
+          light: 'Bright, indirect',
+          height: '15cm',
+          petFriendly: 'Yes',
+          price: 10,
+        },
+        {
+          name: 'Peperomia',
+          light: 'Bright, indirect',
+          height: '25cm',
+          petFriendly: 'Yes',
+          price: 20,
+        },
+        {
+          name: 'Aloe Vera',
+          light: 'Bright, direct',
+          height: '30cm',
+          petFriendly: 'Yes',
+          price: 15,
+        },
+        {
+          name: 'Jade Plant',
+          light: 'Bright, direct',
+          height: '40cm',
+          petFriendly: 'Yes',
+          price: 25,
+        },
+      ],
+    }),
   }
 </script>