chore: add example of load JSON file

examples/with-loader/src/docs/test.json

@@ -0,0 +1,3 @@
+{
+  "key": "THIS IS A TEST JSON"
+}

examples/with-loader/src/main.tsx

@@ -13,6 +13,10 @@ const routes: RouteRecord[] = [
     path: '/docs/:docs',
     lazy: () => import('./pages/[docs]'),
   },
+  {
+    path: '/json',
+    lazy: () => import('./pages/json'),
+  },
 ]
 
 const routesWithLayout = [{

examples/with-loader/src/pages/json.tsx

@@ -0,0 +1,20 @@
+import { useLoaderData } from 'react-router-dom'
+
+export default function Docs() {
+  const json = useLoaderData() as typeof import('../docs/test.json')
+
+  return (
+    <div>{json.key}</div>
+  )
+}
+
+export const Component = Docs
+
+export const entry = 'src/pages/json.tsx'
+
+export async function loader() {
+  // If you use `import('../docs/test.json?raw')`, it will return a JSON string.
+  const json = (await import('../docs/test.json')).default
+
+  return json
+}