diff --git a/static/usage/v7/nav/nav-link/vue/page_two_vue.md b/static/usage/v7/nav/nav-link/vue/page_two_vue.md
index 0d736d69c88..40fe53217c6 100644
--- a/static/usage/v7/nav/nav-link/vue/page_two_vue.md
+++ b/static/usage/v7/nav/nav-link/vue/page_two_vue.md
@@ -27,7 +27,7 @@
     IonButtons,
     IonBackButton,
   } from '@ionic/vue';
-  import PageThree from './PageThree.vue';
+  import { markRaw, defineAsyncComponent } from "vue";
 
   export default {
     components: {
@@ -42,7 +42,7 @@
     },
     data() {
       return {
-        component: PageThree,
+        component: markRaw(defineAsyncComponent(() => import('./PageThree.vue') )),
       };
     },
   };