chore: make example more clear

Author: 2heal1

modernjs-ssr-data-loader/remote/src/routes/a/page.tsx

@@ -1,17 +1,15 @@
 import './index.css';
-import { useRouteLoaderData, Link } from '@modern-js/runtime/router';
-import { withMFRouteId } from '@modern-js/runtime/mf';
+import { useLoaderData, Link } from '@modern-js/runtime/router';
 import Image from '../components/Image';
 import type { ProfileData } from './page.data';
 
 const Index = (): JSX.Element => {
-  console.log('routeId: ', withMFRouteId('page'));
-  const data = (useRouteLoaderData(withMFRouteId('page')) as ProfileData) || {
+  const data = (useLoaderData() as ProfileData) || {
     message: '404',
   };
   return (
     <div className="container-box">
-      <Link to={'a'}> jump a</Link>
+      <Link to={'route-b'}> jump to remote self route (route-b)</Link>
       provider {data.message}
       <Image />
     </div>

modernjs-ssr-data-loader/remote/src/routes/page.tsx

@@ -4,7 +4,7 @@ export type ProfileData = {
 const loader = async (): Promise<ProfileData> => {
   const msg = await new Promise<string>((resolve) => {
     setTimeout(() => {
-      resolve('page/a');
+      resolve('route-b');
     }, 0);
   });
   console.log('msg', msg);

modernjs-ssr-data-loader/remote/src/routes/a/page.data.ts renamed to modernjs-ssr-data-loader/remote/src/routes/route-b/page.data.ts

@@ -0,0 +1,11 @@
+import { useLoaderData } from '@modern-js/runtime/router';
+import type { ProfileData } from './page.data';
+
+const Index = (): JSX.Element => {
+  const data = (useLoaderData() as ProfileData) || {
+    message: '404',
+  };
+  return <div>[ route-b ] data: {data.message}</div>;
+};
+
+export default Index;