feat(docs): remove /docs prefix

docs/app/(home)/[[...slug]]/page.tsx

@@ -0,0 +1,61 @@
+import { source } from '@/lib/source';
+import { DocsBody, DocsDescription, DocsPage, DocsTitle } from 'fumadocs-ui/page';
+import type { Metadata } from 'next';
+import { notFound } from 'next/navigation';
+import { createRelativeLink } from 'fumadocs-ui/mdx';
+import { getMDXComponents } from '@/mdx-components';
+import { Card, Cards } from 'fumadocs-ui/components/card';
+import { getPageTreePeers } from 'fumadocs-core/server';
+
+function DocsCategory({ url }: { url: string }) {
+  return (
+    <Cards>
+      {getPageTreePeers(source.pageTree, url).map((peer) => (
+        <Card key={peer.url} title={peer.name} href={peer.url}>
+          <span className="font-mono">{peer.url}</span>
+        </Card>
+      ))}
+    </Cards>
+  );
+}
+
+export default async function Page(props: PageProps<'/[[...slug]]'>) {
+  const params = await props.params;
+  const page = source.getPage(params.slug);
+  if (!page) notFound();
+
+  const MDXContent = page.data.body;
+
+  return (
+    <DocsPage toc={page.data.toc} full={page.data.full}>
+      <DocsTitle>{page.data.title}</DocsTitle>
+      <DocsDescription>{page.data.description}</DocsDescription>
+      <DocsBody>
+        <MDXContent
+          components={getMDXComponents({
+            // this allows you to link to other pages with relative file paths
+            a: createRelativeLink(source, page),
+          })}
+        />
+        {page.data.full ? null : <DocsCategory url={page.url} />}
+      </DocsBody>
+    </DocsPage>
+  );
+}
+
+export async function generateStaticParams() {
+  return source.generateParams();
+}
+
+export async function generateMetadata(
+  props: PageProps<'/[[...slug]]'>
+): Promise<Metadata> {
+  const params = await props.params;
+  const page = source.getPage(params.slug);
+  if (!page) notFound();
+
+  return {
+    title: page.data.title,
+    description: page.data.description,
+  };
+}

docs/app/(home)/layout.tsx

@@ -0,0 +1,77 @@
+import { DocsLayout } from 'fumadocs-ui/layouts/docs';
+import { baseOptions } from '@/lib/layout.shared';
+import { source } from '@/lib/source';
+import { CodeXmlIcon, CompassIcon, ServerIcon } from 'lucide-react';
+
+function TabIcon({
+  color = 'var(--color-fd-foreground)',
+  children,
+}: {
+  color?: string;
+  children: React.ReactNode;
+}) {
+  return (
+    <div
+      className="[&_svg]:size-full rounded-lg size-full text-(--tab-color) max-md:bg-(--tab-color)/10 max-md:border max-md:p-1.5"
+      style={
+        {
+          '--tab-color': color,
+        } as React.CSSProperties
+      }
+    >
+      {children}
+    </div>
+  );
+}
+
+function TabTitle({ children }: { children: React.ReactNode }) {
+  return <span className="text-[11px]">{children}</span>;
+}
+
+export default function Layout({ children }: LayoutProps<'/'>) {
+  return (
+    // @ts-ignore
+    <DocsLayout
+      tree={source.pageTree}
+      sidebar={{
+        defaultOpenLevel: 1,
+        prefetch: true,
+        tabs: [
+          {
+            title: 'OpenIsle 前端',
+            description: <TabTitle>前端开发文档</TabTitle>,
+            url: '/frontend',
+            icon: (
+              <TabIcon color="#4ca154">
+                <CompassIcon />
+              </TabIcon>
+            ),
+          },
+          {
+            title: 'OpenIsle 后端',
+            description: <TabTitle>后端开发文档</TabTitle>,
+            url: '/backend',
+            icon: (
+              <TabIcon color="#1f66f4">
+                <ServerIcon />
+              </TabIcon>
+            ),
+          },
+          {
+            title: 'OpenIsle API',
+            description: <TabTitle>后端 API 文档</TabTitle>,
+            url: '/openapi',
+            icon: (
+              <TabIcon color="#677489">
+                <CodeXmlIcon />
+              </TabIcon>
+            ),
+          },
+        ],
+      }}
+      {...baseOptions()}
+    >
+      {children}
+    </DocsLayout>
+  );
+}