From 8035eabb859d8adde4c972592ecf3a37253829cb Mon Sep 17 00:00:00 2001
From: NtskwK <natsukawa247@outlook.com>
Date: Thu, 26 Mar 2026 09:38:29 +0800
Subject: chore(docs): refactor Mermaid component and clean up imports in
 documentation pages

---
 packages/docs/app/routes/home.tsx | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

(limited to 'packages/docs/app/routes')

diff --git a/packages/docs/app/routes/home.tsx b/packages/docs/app/routes/home.tsx
index fe561e4..26c0f52 100644
--- a/packages/docs/app/routes/home.tsx
+++ b/packages/docs/app/routes/home.tsx
@@ -110,7 +110,7 @@ const texts = {
   },
 };
 
-export function meta({ params }: Route.MetaArgs) {
+export function meta() {
   return [
     { title: "DropOut - Modern Minecraft Launcher" },
     {
@@ -172,9 +172,9 @@ export default function Home({ params }: Route.ComponentProps) {
 
         {/* Features Grid */}
         <div className="grid md:grid-cols-2 lg:grid-cols-3 gap-6 mb-16">
-          {t.features.items.map((item, i) => (
+          {t.features.items.map((item) => (
             <div
-              key={i}
+              key={item.title}
               className="p-6 rounded-lg border border-blue-600/20 bg-fd-card hover:border-blue-600/50 transition-colors"
             >
               <h3 className="font-semibold text-lg mb-2">{item.title}</h3>
@@ -187,8 +187,8 @@ export default function Home({ params }: Route.ComponentProps) {
         <div className="text-center mb-16">
           <h2 className="text-3xl font-bold mb-6">{t.why.title}</h2>
           <div className="max-w-3xl mx-auto space-y-4 text-left">
-            {t.why.items.map((item, i) => (
-              <div key={i} className="p-4 rounded-lg bg-fd-muted/50">
+            {t.why.items.map((item) => (
+              <div key={item.q} className="p-4 rounded-lg bg-fd-muted/50">
                 <p className="text-fd-foreground">
                   <span className="font-semibold">{item.q}</span>
                   <br />
-- 
cgit v1.2.3-70-g09d2