fix: typo

Author: hemengke1997

docs/advanced/vite-plugin-remix-flat-routes.md

@@ -21,10 +21,14 @@ import { KeepAliveOutlet, KeepAliveProvider } from 'keepalive-react-router'
 export function Root() {
   return (
     <>
-      <Outlet /> // [!code --]
-      <KeepAliveProvider> // [!code ++]
-        <KeepAliveOutlet /> // [!code ++]
-      </KeepAliveProvider> // [!code ++]
+      {/* [!code --] */}
+      <Outlet />
+      {/* [!code ++] */}
+      <KeepAliveProvider>
+        {/* [!code ++] */}
+        <KeepAliveOutlet />
+        {/* [!code ++] */}
+      </KeepAliveProvider>
     </>
   )
 }

docs/guides/getting-started.md

@@ -52,10 +52,14 @@ import { KeepAliveOutlet, KeepAliveProvider } from 'keepalive-react-router'
 export function Root() {
   return (
     <>
-      <Outlet /> // [!code --]
-      <KeepAliveProvider> // [!code ++]
-        <KeepAliveOutlet /> // [!code ++]
-      </KeepAliveProvider> // [!code ++]
+      {/* [!code --] */}
+      <Outlet />
+      {/* [!code ++] */}
+      <KeepAliveProvider>
+        {/* [!code ++] */}
+        <KeepAliveOutlet />
+        {/* [!code ++] */}
+      </KeepAliveProvider>
     </>
   )
 }
@@ -67,7 +71,9 @@ Finally, define `keepAlive` in the route component!
 const router = createBrowserRouter(
   createRoutesFromElements(
     <Route path="/" element={<Root />}>
-      <Route path="dashboard" element={<Dashboard />} 
+      <Route 
+        path="dashboard" 
+        element={<Dashboard />} 
         handle={{ keepAlive: true }} // [!code ++]
       />
       {/* ... etc. */}

docs/guides/route-transition.md

@@ -24,7 +24,8 @@ export function Root() {
   return (
     <>
       <KeepAliveProvider>
-        <KeepAliveOutlet transition={true} /> // [!code focus]
+        {/* [!code focus] */}
+        <KeepAliveOutlet transition={true} />
       </KeepAliveProvider>
     </>
   )

docs/zh/advanced/vite-plugin-remix-flat-routes.md

@@ -21,10 +21,14 @@ import { KeepAliveOutlet, KeepAliveProvider } from 'keepalive-react-router'
 export function Root() {
   return (
     <>
-      <Outlet /> // [!code --]
-      <KeepAliveProvider> // [!code ++]
-        <KeepAliveOutlet /> // [!code ++]
-      </KeepAliveProvider> // [!code ++]
+      {/* [!code --] */}
+      <Outlet />
+      {/* [!code ++] */}
+      <KeepAliveProvider>
+        {/* [!code ++] */}
+        <KeepAliveOutlet />
+        {/* [!code ++] */}
+      </KeepAliveProvider>
     </>
   )
 }

docs/zh/guides/getting-started.md

@@ -52,10 +52,14 @@ import { KeepAliveOutlet, KeepAliveProvider } from 'keepalive-react-router'
 export function Root() {
   return (
     <>
-      <Outlet /> // [!code --]
-      <KeepAliveProvider> // [!code ++]
-        <KeepAliveOutlet /> // [!code ++]
-      </KeepAliveProvider> // [!code ++]
+      {/* [!code --] */}
+      <Outlet />
+      {/* [!code ++] */}
+      <KeepAliveProvider>
+        {/* [!code ++] */}
+        <KeepAliveOutlet />
+        {/* [!code ++] */}
+      </KeepAliveProvider>
     </>
   )
 }
@@ -67,7 +71,9 @@ export function Root() {
 const router = createBrowserRouter(
   createRoutesFromElements(
     <Route path="/" element={<Root />}>
-      <Route path="dashboard" element={<Dashboard />} 
+      <Route
+        path="dashboard" 
+        element={<Dashboard />} 
         handle={{ keepAlive: true }} // [!code ++]
       />
       {/* ... etc. */}

docs/zh/guides/route-transition.md

@@ -24,7 +24,8 @@ export function Root() {
   return (
     <>
       <KeepAliveProvider>
-        <KeepAliveOutlet transition={true} /> // [!code focus]
+        {/* [!code focus] */}
+        <KeepAliveOutlet transition={true} />
       </KeepAliveProvider>
     </>
   )