Complete Loading Data and Index Route. HydrateFallback skipped BUT POSSIBLE.

pages/index.vue

@@ -1,13 +1,16 @@
 <script setup lang="ts">
-// const { $trpc } = useNuxtApp();
-//
-// const { data: hello } = await $trpc.hello.useQuery({ text: 'client' });
 </script>
 
 <template>
-  <div id="contact">
-    <p>Home Page!</p>
-  </div>
+  <p id="index-page">
+    This is a demo for React Router.
+    <br>
+    Check out{" "}
+    <a href="https://reactrouter.com">
+      the docs at reactrouter.com
+    </a>
+    .
+  </p>
 </template>
 
 <style scoped>