From a96d34843e2b34c69444a409a09fd6ad61ea8bd8 Mon Sep 17 00:00:00 2001
From: Kyle Gach <kyle.gach@gmail.com>
Date: Tue, 30 Jan 2024 10:20:01 -0700
Subject: [PATCH] Update Vue snippets

---
 docs/snippets/vue/list-story-with-sub-components.js.mdx    | 7 +++++--
 .../snippets/vue/list-story-with-sub-components.ts-4-9.mdx | 7 +++++--
 docs/snippets/vue/list-story-with-sub-components.ts.mdx    | 7 +++++--
 3 files changed, 15 insertions(+), 6 deletions(-)

diff --git a/docs/snippets/vue/list-story-with-sub-components.js.mdx b/docs/snippets/vue/list-story-with-sub-components.js.mdx
index 0c6e082e6a92..a19b58f3b3d1 100644
--- a/docs/snippets/vue/list-story-with-sub-components.js.mdx
+++ b/docs/snippets/vue/list-story-with-sub-components.js.mdx
@@ -16,9 +16,12 @@ export const Empty = {
 };
 
 export const OneItem = {
-  render: () => ({
+  render: (args) => ({
     components: { List, ListItem },
-    template: '<List><ListItem /></List>',
+    setup() {
+      return { args }
+    }
+    template: '<List v-bind="args"><ListItem /></List>',
   }),
 };
 ```
diff --git a/docs/snippets/vue/list-story-with-sub-components.ts-4-9.mdx b/docs/snippets/vue/list-story-with-sub-components.ts-4-9.mdx
index 7d9c073bfa83..6e99a25445df 100644
--- a/docs/snippets/vue/list-story-with-sub-components.ts-4-9.mdx
+++ b/docs/snippets/vue/list-story-with-sub-components.ts-4-9.mdx
@@ -21,9 +21,12 @@ export const Empty: Story = {
 };
 
 export const OneItem: Story = {
-  render: () => ({
+  render: (args) => ({
     components: { List, ListItem },
-    template: '<List><ListItem /></List>',
+    setup() {
+      return { args }
+    }
+    template: '<List v-bind="args"><ListItem /></List>',
   }),
 };
 ```
diff --git a/docs/snippets/vue/list-story-with-sub-components.ts.mdx b/docs/snippets/vue/list-story-with-sub-components.ts.mdx
index b299d5350314..87ae30aed24a 100644
--- a/docs/snippets/vue/list-story-with-sub-components.ts.mdx
+++ b/docs/snippets/vue/list-story-with-sub-components.ts.mdx
@@ -21,9 +21,12 @@ export const Empty: Story = {
 };
 
 export const OneItem: Story = {
-  render: () => ({
+  render: (args) => ({
     components: { List, ListItem },
-    template: '<List><ListItem /></List>',
+    setup() {
+      return { args }
+    }
+    template: '<List v-bind="args"><ListItem /></List>',
   }),
 };
 ```