From f4eb4b34d61a1aeb14dbff7e7c0fd66db58f8f63 Mon Sep 17 00:00:00 2001
From: William Martin <contact@willmartin.dev>
Date: Thu, 1 Apr 2021 16:19:02 -0400
Subject: [PATCH] docs(reorder-group): fix vue usage of reorder-group (#23130)

resolves https://github.com/ionic-team/ionic-docs/issues/1804
---
 core/src/components/reorder-group/readme.md    | 4 ++--
 core/src/components/reorder-group/usage/vue.md | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/core/src/components/reorder-group/readme.md b/core/src/components/reorder-group/readme.md
index 5905c1f810..2efba82ae4 100644
--- a/core/src/components/reorder-group/readme.md
+++ b/core/src/components/reorder-group/readme.md
@@ -629,7 +629,7 @@ export default defineComponent({
     const doReorder = (event: CustomEvent) => {
       // Before complete is called with the items they will remain in the
       // order before the drag
-      console.log('Before complete', this.items);
+      console.log('Before complete', items.value);
 
       // Finish the reorder and position the item in the DOM based on
       // where the gesture ended. Update the items variable to the
@@ -637,7 +637,7 @@ export default defineComponent({
       items.value = event.detail.complete(items.value);
 
       // After complete is called the items will be in the new order
-      console.log('After complete', this.items);
+      console.log('After complete', items.value);
     }
     return { doReorder, items, ... }
   }
diff --git a/core/src/components/reorder-group/usage/vue.md b/core/src/components/reorder-group/usage/vue.md
index bb51cad891..7896b6d945 100644
--- a/core/src/components/reorder-group/usage/vue.md
+++ b/core/src/components/reorder-group/usage/vue.md
@@ -121,7 +121,7 @@ export default defineComponent({
     const doReorder = (event: CustomEvent) => {
       // Before complete is called with the items they will remain in the
       // order before the drag
-      console.log('Before complete', this.items);
+      console.log('Before complete', items.value);
 
       // Finish the reorder and position the item in the DOM based on
       // where the gesture ended. Update the items variable to the
@@ -129,7 +129,7 @@ export default defineComponent({
       items.value = event.detail.complete(items.value);
 
       // After complete is called the items will be in the new order
-      console.log('After complete', this.items);
+      console.log('After complete', items.value);
     }
     return { doReorder, items, ... }
   }