From d1ee862fe8f370a586e8224f668a88836e8e84de Mon Sep 17 00:00:00 2001
From: David Kagiri <davykiash@gmail.com>
Date: Thu, 10 Aug 2023 12:47:33 +0300
Subject: [PATCH] Update page_one_vue.md

This gets rid of a warning ```[Vue warn]: Vue received a Component which was made a reactive object.```  that Vue raises
---
 static/usage/v7/nav/nav-link/vue/page_one_vue.md | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/static/usage/v7/nav/nav-link/vue/page_one_vue.md b/static/usage/v7/nav/nav-link/vue/page_one_vue.md
index f3635e1db37..8fc34670f03 100644
--- a/static/usage/v7/nav/nav-link/vue/page_one_vue.md
+++ b/static/usage/v7/nav/nav-link/vue/page_one_vue.md
@@ -15,13 +15,13 @@
 
 <script lang="ts">
   import { IonHeader, IonTitle, IonToolbar, IonContent, IonNavLink, IonButton } from '@ionic/vue';
-  import PageTwo from './PageTwo.vue';
+  import { markRaw,defineAsyncComponent  } from "vue";
 
   export default {
     components: { IonHeader, IonTitle, IonToolbar, IonContent, IonNavLink, IonButton },
     data() {
       return {
-        component: PageTwo,
+        component: markRaw(defineAsyncComponent(() => import('./PageTwo.vue'))),
       };
     },
   };