diff --git a/examples/hackernews/src/pages/ask/$page.tsx b/examples/hackernews/src/pages/ask.$page.tsx
similarity index 76%
rename from examples/hackernews/src/pages/ask/$page.tsx
rename to examples/hackernews/src/pages/ask.$page.tsx
index 7c36db7..9ce437d 100644
--- a/examples/hackernews/src/pages/ask/$page.tsx
+++ b/examples/hackernews/src/pages/ask.$page.tsx
@@ -1,7 +1,7 @@
 import React, { createFileRoute } from '@umijs/tnf/router';
-import ItemList from '../../components/item-list';
-import { fetchList } from '../../services/api';
-import type { Params } from '../../types';
+import ItemList from '../components/item-list';
+import { fetchList } from '../services/api';
+import type { Params } from '../types';
 
 export const Route = createFileRoute('/ask/$page')({
   component: AskComponent,
diff --git a/examples/hackernews/src/pages/item/$itemId.tsx b/examples/hackernews/src/pages/item.$itemId.tsx
similarity index 77%
rename from examples/hackernews/src/pages/item/$itemId.tsx
rename to examples/hackernews/src/pages/item.$itemId.tsx
index 5acc82e..d862ba3 100644
--- a/examples/hackernews/src/pages/item/$itemId.tsx
+++ b/examples/hackernews/src/pages/item.$itemId.tsx
@@ -1,6 +1,6 @@
 import React, { createFileRoute } from '@umijs/tnf/router';
-import ItemPage from '../../components/item-page';
-import { fetchItem } from '../../services';
+import ItemPage from '../components/item-page';
+import { fetchItem } from '../services';
 
 export const Route = createFileRoute('/item/$itemId')({
   component: Item,
diff --git a/examples/hackernews/src/pages/job/$page.tsx b/examples/hackernews/src/pages/job.$page.tsx
similarity index 76%
rename from examples/hackernews/src/pages/job/$page.tsx
rename to examples/hackernews/src/pages/job.$page.tsx
index e40fc85..28e0172 100644
--- a/examples/hackernews/src/pages/job/$page.tsx
+++ b/examples/hackernews/src/pages/job.$page.tsx
@@ -1,7 +1,7 @@
 import React, { createFileRoute } from '@umijs/tnf/router';
-import ItemList from '../../components/item-list';
-import { fetchList } from '../../services/api';
-import type { Params } from '../../types';
+import ItemList from '../components/item-list';
+import { fetchList } from '../services/api';
+import type { Params } from '../types';
 
 export const Route = createFileRoute('/job/$page')({
   component: JobComponent,
diff --git a/examples/hackernews/src/pages/new/$page.tsx b/examples/hackernews/src/pages/new.$page.tsx
similarity index 76%
rename from examples/hackernews/src/pages/new/$page.tsx
rename to examples/hackernews/src/pages/new.$page.tsx
index 9229a22..a5208f5 100644
--- a/examples/hackernews/src/pages/new/$page.tsx
+++ b/examples/hackernews/src/pages/new.$page.tsx
@@ -1,7 +1,7 @@
 import React, { createFileRoute } from '@umijs/tnf/router';
-import ItemList from '../../components/item-list';
-import { fetchList } from '../../services/api';
-import type { Params } from '../../types';
+import ItemList from '../components/item-list';
+import { fetchList } from '../services/api';
+import type { Params } from '../types';
 
 export const Route = createFileRoute('/new/$page')({
   component: NewComponent,
diff --git a/examples/hackernews/src/pages/show/$page.tsx b/examples/hackernews/src/pages/show.$page.tsx
similarity index 76%
rename from examples/hackernews/src/pages/show/$page.tsx
rename to examples/hackernews/src/pages/show.$page.tsx
index a32a708..70810c3 100644
--- a/examples/hackernews/src/pages/show/$page.tsx
+++ b/examples/hackernews/src/pages/show.$page.tsx
@@ -1,7 +1,7 @@
 import React, { createFileRoute } from '@umijs/tnf/router';
-import ItemList from '../../components/item-list';
-import { fetchList } from '../../services/api';
-import type { Params } from '../../types';
+import ItemList from '../components/item-list';
+import { fetchList } from '../services/api';
+import type { Params } from '../types';
 
 export const Route = createFileRoute('/show/$page')({
   component: ShowComponent,
diff --git a/examples/hackernews/src/pages/top/$page.tsx b/examples/hackernews/src/pages/top.$page.tsx
similarity index 76%
rename from examples/hackernews/src/pages/top/$page.tsx
rename to examples/hackernews/src/pages/top.$page.tsx
index d3bdc05..f691029 100644
--- a/examples/hackernews/src/pages/top/$page.tsx
+++ b/examples/hackernews/src/pages/top.$page.tsx
@@ -1,7 +1,7 @@
 import React, { createFileRoute } from '@umijs/tnf/router';
-import ItemList from '../../components/item-list';
-import { fetchList } from '../../services/api';
-import type { Params } from '../../types';
+import ItemList from '../components/item-list';
+import { fetchList } from '../services/api';
+import type { Params } from '../types';
 
 export const Route = createFileRoute('/top/$page')({
   component: TopComponent,
diff --git a/examples/hackernews/src/pages/user/$userId.tsx b/examples/hackernews/src/pages/user.$userId.tsx
similarity index 77%
rename from examples/hackernews/src/pages/user/$userId.tsx
rename to examples/hackernews/src/pages/user.$userId.tsx
index 7bdc0be..1cacb79 100644
--- a/examples/hackernews/src/pages/user/$userId.tsx
+++ b/examples/hackernews/src/pages/user.$userId.tsx
@@ -1,6 +1,6 @@
 import React, { createFileRoute } from '@umijs/tnf/router';
-import UserPage from '../../components/user-page';
-import { fetchUser } from '../../services';
+import UserPage from '../components/user-page';
+import { fetchUser } from '../services';
 
 export const Route = createFileRoute('/user/$userId')({
   component: User,