feat: use translation in sidebar tabs

Author: xiaoyu2er

apps/docs/messages/en.json

@@ -3,6 +3,27 @@
     "title": "Next.js",
     "doc": "Documentation"
   },
+  "sidebar": {
+    "app": {
+      "title": "Using App Router",
+      "description": "Features available in /app"
+    },
+    "pages": {
+      "title": "Using Pages Router",
+      "description": "Features available in /pages"
+    },
+    "version": {
+      "latest": {
+        "title": "Using Latest Version"
+      },
+      "v14": {
+        "title": "Using Version 14"
+      },
+      "v13": {
+        "title": "Using Version 13"
+      }
+    }
+  },
   "HomePage": {
     "title": "Hello world!",
     "intro": "You can open <Link>/docs</Link> and see the documentation."

apps/docs/messages/zh-hans.json

@@ -3,6 +3,27 @@
     "title": "Next.js 简体中文",
     "doc": "文档"
   },
+  "sidebar": {
+    "app": {
+      "title": "使用 App 路由器",
+      "description": "/app 中可用的功能"
+    },
+    "pages": {
+      "title": "使用 Pages 路由器",
+      "description": "/pages 中可用的功能"
+    },
+    "version": {
+      "latest": {
+        "title": "使用最新版本"
+      },
+      "v14": {
+        "title": "使用 14 版本"
+      },
+      "v13": {
+        "title": "使用 13 版本"
+      }
+    }
+  },
   "HomePage": {
     "title": "你好，世界！",
     "intro": "你可以打开 <Link>/docs</Link> 来查看文档。"

apps/docs/src/components/layout.tsx

@@ -15,6 +15,7 @@ import {
   type DocsLayoutProps,
   DocsLayout as FumaDocsLayout,
 } from 'fumadocs-ui/layouts/notebook';
+import { useTranslations } from 'next-intl';
 import type { ReactNode } from 'react';
 
 export function DocsLayout({
@@ -29,19 +30,20 @@ export function DocsLayout({
   routerType: RouterType;
 }) {
   const baseOptions = useBaseOptions();
+  const t = useTranslations('sidebar');
   const { appDocsRoot, pagesDocsRoot, docsRoot, docUrl, isPages } =
     parseDocId(docId);
   const options = [
     {
-      title: 'Using App Router',
-      description: 'Features available in /app',
+      title: t('app.title'),
+      description: t('app.description'),
       icon: <NextAppIcon />,
       url: appDocsRoot,
       ...(routerType !== 'pages' ? { urls: new Set([docUrl]) } : {}),
     },
     {
-      title: 'Using Pages Router',
-      description: 'Features available in /pages',
+      title: t('pages.title'),
+      description: t('pages.description'),
       icon: <NextPagesIcon />,
       url: pagesDocsRoot,
       ...(routerType === 'pages' ? { urls: new Set([docUrl]) } : {}),
@@ -59,19 +61,19 @@ export function DocsLayout({
           <RootToggle
             options={[
               {
-                title: 'Using Latest Version',
+                title: t('version.latest.title'),
                 description: '15.3.2',
                 icon: <NextLastedVersionIcon />,
                 url: '/docs/',
               },
               {
-                title: 'Using Version 14',
+                title: t('version.v14.title'),
                 description: '14.2.29',
                 icon: <NextOldVersionIcon />,
                 url: '/docs/14',
               },
               {
-                title: 'Using Version 13',
+                title: t('version.v13.title'),
                 description: '13.5.11',
                 icon: <NextOldVersionIcon />,
                 url: '/docs/13',