refactor: Biomeの指摘を修正

3w36zj6 · 3w36zj6 · commit f0e6b020c956 · 2025-05-13T21:04:37.000+09:00
diff --git a/website/src/components/icons/AlertTriangleIcon.tsx b/website/src/components/icons/AlertTriangleIcon.tsx
@@ -10,6 +10,7 @@ export const AlertTriangleIcon = () => {
 			stroke-linejoin="round"
 			class="icon icon-tabler icons-tabler-outline icon-tabler-alert-triangle"
 		>
+			<title>警告アイコン</title>
 			<path stroke="none" d="M0 0h24v24H0z" fill="none" />
 			<path d="M12 9v4" />
 			<path d="M10.363 3.591l-8.106 13.534a1.914 1.914 0 0 0 1.636 2.871h16.214a1.914 1.914 0 0 0 1.636 -2.87l-8.106 -13.536a1.914 1.914 0 0 0 -3.274 0z" />
diff --git a/website/src/components/icons/CaretRightCircleIcon.tsx b/website/src/components/icons/CaretRightCircleIcon.tsx
@@ -10,6 +10,7 @@ export const CaretRightCircleIcon = () => {
 			stroke-linejoin="round"
 			class="icon icon-tabler icons-tabler-outline icon-tabler-circle-caret-right"
 		>
+			<title>再生アイコン</title>
 			<path stroke="none" d="M0 0h24v24H0z" fill="none" />
 			<path d="M15 12l-4 -4v8z" />
 			<path d="M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0" />
diff --git a/website/src/components/icons/ChevronLeftIcon.tsx b/website/src/components/icons/ChevronLeftIcon.tsx
@@ -10,6 +10,7 @@ export const ChevronLeftIcon = () => {
 			stroke-linejoin="round"
 			class="icon icon-tabler icons-tabler-outline icon-tabler-chevron-left"
 		>
+			<title>左矢印アイコン</title>
 			<path stroke="none" d="M0 0h24v24H0z" fill="none" />
 			<path d="M15 6l-6 6l6 6" />
 		</svg>
diff --git a/website/src/components/icons/ChevronRightIcon.tsx b/website/src/components/icons/ChevronRightIcon.tsx
@@ -10,6 +10,7 @@ export const ChevronRightIcon = () => {
 			stroke-linejoin="round"
 			class="icon icon-tabler icons-tabler-outline icon-tabler-chevron-right"
 		>
+			<title>右矢印アイコン</title>
 			<path stroke="none" d="M0 0h24v24H0z" fill="none" />
 			<path d="M9 6l6 6l-6 6" />
 		</svg>
diff --git a/website/src/components/icons/HelpCircleIcon.tsx b/website/src/components/icons/HelpCircleIcon.tsx
@@ -10,6 +10,7 @@ export const HelpCircleIcon = () => {
 			stroke-linejoin="round"
 			class="icon icon-tabler icons-tabler-outline icon-tabler-help"
 		>
+			<title>ヘルプアイコン</title>
 			<path stroke="none" d="M0 0h24v24H0z" fill="none" />
 			<path d="M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0" />
 			<path d="M12 17l0 .01" />
diff --git a/website/src/components/icons/HomeIcon.tsx b/website/src/components/icons/HomeIcon.tsx
@@ -10,6 +10,7 @@ export const HomeIcon = () => {
 			stroke-linejoin="round"
 			class="icon icon-tabler icons-tabler-outline icon-tabler-home"
 		>
+			<title>ホームアイコン</title>
 			<path stroke="none" d="M0 0h24v24H0z" fill="none" />
 			<path d="M5 12l-2 0l9 -9l9 9l-2 0" />
 			<path d="M5 12v7a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2v-7" />
diff --git a/website/src/components/icons/InfoCircleIcon.tsx b/website/src/components/icons/InfoCircleIcon.tsx
@@ -10,6 +10,7 @@ export const InfoCircleIcon = () => {
 			stroke-linejoin="round"
 			class="icon icon-tabler icons-tabler-outline icon-tabler-info-circle"
 		>
+			<title>情報アイコン</title>
 			<path stroke="none" d="M0 0h24v24H0z" fill="none" />
 			<path d="M3 12a9 9 0 1 0 18 0a9 9 0 0 0 -18 0" />
 			<path d="M12 9h.01" />
diff --git a/website/src/components/templates/BaseTemplate.tsx b/website/src/components/templates/BaseTemplate.tsx
@@ -101,11 +101,11 @@ export const BaseTemplate: FC<BaseTemplateProps> = ({
 					type="font/woff2"
 					crossOrigin="anonymous"
 				/>
-				<link href="/src/styles.css" rel="stylesheet"></link>
+				<link href="/src/styles.css" rel="stylesheet" />
 				<script
 					defer
 					src="https://cdn.jsdelivr.net/npm/alpinejs@3.14.8/dist/cdn.min.js"
-				></script>
+				/>
 			</head>
 
 			<body class="no-js docs has-outline min-h-screen flex flex-col">
diff --git a/website/src/components/templates/CategoryTemplate.tsx b/website/src/components/templates/CategoryTemplate.tsx
@@ -28,7 +28,7 @@ export const CategoryTemplate: FC<CategoryTemplateProps> = ({
 			<h2 id="definitions">定義</h2>
 			<ul class="subgridded">
 				{page.body.content.items.map((item) => (
-					<li>
+					<li key={item.route}>
 						<div>
 							<a href={item.route}>
 								{item.code ? <code>{item.name}</code> : item.name}
diff --git a/website/src/components/templates/FuncTemplate.tsx b/website/src/components/templates/FuncTemplate.tsx
@@ -79,7 +79,10 @@ export const FuncTemplate: FC<FuncTemplateProps> = ({
 					</h2>
 
 					{content.scope.map((method, index) => (
-						<div class="mb-8 pb-6 border-b border-gray-100 last:border-0">
+						<div
+							key={method.name}
+							class="mb-8 pb-6 border-b border-gray-100 last:border-0"
+						>
 							<h3
 								id={`definitions-${method.name}`}
 								class="method-head mb-3 flex items-center gap-2"
diff --git a/website/src/components/templates/GroupTemplate.tsx b/website/src/components/templates/GroupTemplate.tsx
@@ -39,7 +39,7 @@ export const GroupTemplate: FC<GroupTemplateProps> = ({
 					<h2 id="functions">Function</h2>
 
 					{content.functions.map((method, index) => (
-						<div>
+						<div key={method.name}>
 							<h3 id={`definitions-${method.name}`} class="method-head">
 								<code class="text-base font-medium">{method.name}</code>
 								<div class="flex flex-wrap items-center gap-2 text-sm">
diff --git a/website/src/components/templates/SymbolsTemplate.tsx b/website/src/components/templates/SymbolsTemplate.tsx
@@ -12,7 +12,7 @@ export const SymbolsTemplate: FC<SymbolsTemplateProps> = ({ page }) => {
 	const redirectUrl = `https://typst.app${page.route}`;
 
 	return (
-		<html>
+		<html lang="ja">
 			<head>
 				<meta httpEquiv="refresh" content={`0;url=${redirectUrl}`} />
 			</head>
diff --git a/website/src/components/templates/TypeTemplate.tsx b/website/src/components/templates/TypeTemplate.tsx
@@ -57,7 +57,7 @@ export const TypeTemplate: FC<TypeTemplateProps> = ({
 					</h2>
 
 					{content.scope.map((method, index) => (
-						<div>
+						<div key={method.name}>
 							<h3
 								id={`definitions-${method.name}`}
 								class="method-head flex items-center gap-2 mb-3"
diff --git a/website/src/components/ui/FunctionDefinition.tsx b/website/src/components/ui/FunctionDefinition.tsx
@@ -21,7 +21,10 @@ export const FunctionDefinition: FC<FunctionDefinitionProps> = ({
 				<span class="text-gray-700">(</span>
 				<div class="arguments pl-4 md:pl-6 flex flex-col">
 					{func.params.map((param, index) => (
-						<div class="overview-param flex flex-row items-center py-0.5">
+						<div
+							key={param.name}
+							class="overview-param flex flex-row items-center py-0.5"
+						>
 							{!param.positional && (
 								<div class="flex-shrink-0">
 									<a
@@ -38,6 +41,7 @@ export const FunctionDefinition: FC<FunctionDefinitionProps> = ({
 									const href = type2href(t);
 									return (
 										<TypeIcon
+											key={t}
 											type={t}
 											href={href ? `/docs/reference/${href}` : undefined}
 										/>
@@ -61,6 +65,7 @@ export const FunctionDefinition: FC<FunctionDefinitionProps> = ({
 								return (
 									<>
 										<TypeIcon
+											key={ret}
 											type={ret}
 											href={href ? `/docs/reference/${href}` : undefined}
 										/>
diff --git a/website/src/components/ui/FunctionParameters.tsx b/website/src/components/ui/FunctionParameters.tsx
@@ -17,7 +17,10 @@ export const FunctionParameters: FC<FunctionParametersProps> = ({
 	return (
 		<div class="space-y-6">
 			{func.params.map((param, index) => (
-				<div class="bg-gray-50 rounded-md p-4 border border-gray-100">
+				<div
+					key={param.name}
+					class="bg-gray-50 rounded-md p-4 border border-gray-100"
+				>
 					<h4
 						id={`${prefix}-${func.name}-parameters-${param.name}`}
 						class="flex flex-wrap items-center gap-2 mb-3"
@@ -29,6 +32,7 @@ export const FunctionParameters: FC<FunctionParametersProps> = ({
 									const href = type2href(t);
 									return (
 										<TypeIcon
+											key={t}
 											type={t}
 											href={href ? `/docs/reference/${href}` : undefined}
 										/>
@@ -55,7 +59,7 @@ export const FunctionParameters: FC<FunctionParametersProps> = ({
 							</h5>
 							<ul class="type-args space-y-2 pl-4">
 								{param.strings.map((string) => (
-									<li>
+									<li key={string.string}>
 										<div class="break-box">
 											<div class="mb-1">
 												<code class="text-gray-800">{string.string}</code>
diff --git a/website/src/components/ui/Tooltip.tsx b/website/src/components/ui/Tooltip.tsx
@@ -106,22 +106,21 @@ export const Tooltip: FC<TooltipProps> = ({ kind }) => {
 				</div>
 			</div>
 		);
-	} else {
-		return (
-			<div class="tooltip-context relative group inline-flex">
-				<div class="w-4 h-4">
-					<HelpCircleIcon />
-				</div>
-				<div
-					role="tooltip"
-					tabIndex={-1}
-					class="absolute invisible opacity-0 group-hover:visible group-hover:opacity-100
+	}
+	return (
+		<div class="tooltip-context relative group inline-flex">
+			<div class="w-4 h-4">
+				<HelpCircleIcon />
+			</div>
+			<div
+				role="tooltip"
+				tabIndex={-1}
+				class="absolute invisible opacity-0 group-hover:visible group-hover:opacity-100
                 transition-opacity duration-200 bg-gray-900 text-white p-2 rounded shadow-lg
                 text-xs z-50 top-full mt-1 -left-4 w-64"
-				>
-					<div dangerouslySetInnerHTML={{ __html: content.desc }} />
-				</div>
+			>
+				<div dangerouslySetInnerHTML={{ __html: content.desc }} />
 			</div>
-		);
-	}
+		</div>
+	);
 };
diff --git a/website/src/components/ui/common/Breadcrumbs.tsx b/website/src/components/ui/common/Breadcrumbs.tsx
@@ -17,7 +17,7 @@ export const Breadcrumbs = ({ path }: BreadcrumbsProps) => {
 					</a>
 				</li>
 				{path.map((item, idx) => (
-					<>
+					<div key={item.route}>
 						<div class="w-4 h-4 text-gray-400">
 							<ChevronRightIcon />
 						</div>
@@ -35,7 +35,7 @@ export const Breadcrumbs = ({ path }: BreadcrumbsProps) => {
 								</a>
 							)}
 						</li>
-					</>
+					</div>
 				))}
 			</ol>
 		</nav>
diff --git a/website/src/components/ui/common/SideNavigation.tsx b/website/src/components/ui/common/SideNavigation.tsx
diff --git a/website/src/components/ui/common/SiteNoticeBanner.tsx b/website/src/components/ui/common/SiteNoticeBanner.tsx
diff --git a/website/src/components/ui/genPath.ts b/website/src/components/ui/genPath.ts
diff --git a/website/src/components/ui/type2href.ts b/website/src/components/ui/type2href.ts
diff --git a/website/src/index.tsx b/website/src/index.tsx

Original file line number	Diff line number	Diff line change
`@@ -10,6 +10,7 @@ export const AlertTriangleIcon = () => {`
`10`	`10`	`stroke-linejoin="round"`
`11`	`11`	`class="icon icon-tabler icons-tabler-outline icon-tabler-alert-triangle"`
`12`	`12`	`>`
	`13`	`+ <title>警告アイコン</title>`
`13`	`14`	`<path stroke="none" d="M0 0h24v24H0z" fill="none" />`
`14`	`15`	`<path d="M12 9v4" />`
`15`	`16`	`<path d="M10.363 3.591l-8.106 13.534a1.914 1.914 0 0 0 1.636 2.871h16.214a1.914 1.914 0 0 0 1.636 -2.87l-8.106 -13.536a1.914 1.914 0 0 0 -3.274 0z" />`
Original file line number	Diff line number	Diff line change
`@@ -10,6 +10,7 @@ export const CaretRightCircleIcon = () => {`
`10`	`10`	`stroke-linejoin="round"`
`11`	`11`	`class="icon icon-tabler icons-tabler-outline icon-tabler-circle-caret-right"`
`12`	`12`	`>`
	`13`	`+ <title>再生アイコン</title>`
`13`	`14`	`<path stroke="none" d="M0 0h24v24H0z" fill="none" />`
`14`	`15`	`<path d="M15 12l-4 -4v8z" />`
`15`	`16`	`<path d="M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0" />`
Original file line number	Diff line number	Diff line change
`@@ -10,6 +10,7 @@ export const ChevronLeftIcon = () => {`
`10`	`10`	`stroke-linejoin="round"`
`11`	`11`	`class="icon icon-tabler icons-tabler-outline icon-tabler-chevron-left"`
`12`	`12`	`>`
	`13`	`+ <title>左矢印アイコン</title>`
`13`	`14`	`<path stroke="none" d="M0 0h24v24H0z" fill="none" />`
`14`	`15`	`<path d="M15 6l-6 6l6 6" />`
`15`	`16`	`</svg>`
Original file line number	Diff line number	Diff line change
`@@ -10,6 +10,7 @@ export const ChevronRightIcon = () => {`
`10`	`10`	`stroke-linejoin="round"`
`11`	`11`	`class="icon icon-tabler icons-tabler-outline icon-tabler-chevron-right"`
`12`	`12`	`>`
	`13`	`+ <title>右矢印アイコン</title>`
`13`	`14`	`<path stroke="none" d="M0 0h24v24H0z" fill="none" />`
`14`	`15`	`<path d="M9 6l6 6l-6 6" />`
`15`	`16`	`</svg>`
Original file line number	Diff line number	Diff line change
`@@ -10,6 +10,7 @@ export const HelpCircleIcon = () => {`
`10`	`10`	`stroke-linejoin="round"`
`11`	`11`	`class="icon icon-tabler icons-tabler-outline icon-tabler-help"`
`12`	`12`	`>`
	`13`	`+ <title>ヘルプアイコン</title>`
`13`	`14`	`<path stroke="none" d="M0 0h24v24H0z" fill="none" />`
`14`	`15`	`<path d="M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0" />`
`15`	`16`	`<path d="M12 17l0 .01" />`
Original file line number	Diff line number	Diff line change
`@@ -10,6 +10,7 @@ export const HomeIcon = () => {`
`10`	`10`	`stroke-linejoin="round"`
`11`	`11`	`class="icon icon-tabler icons-tabler-outline icon-tabler-home"`
`12`	`12`	`>`
	`13`	`+ <title>ホームアイコン</title>`
`13`	`14`	`<path stroke="none" d="M0 0h24v24H0z" fill="none" />`
`14`	`15`	`<path d="M5 12l-2 0l9 -9l9 9l-2 0" />`
`15`	`16`	`<path d="M5 12v7a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2v-7" />`
Original file line number	Diff line number	Diff line change
`@@ -10,6 +10,7 @@ export const InfoCircleIcon = () => {`
`10`	`10`	`stroke-linejoin="round"`
`11`	`11`	`class="icon icon-tabler icons-tabler-outline icon-tabler-info-circle"`
`12`	`12`	`>`
	`13`	`+ <title>情報アイコン</title>`
`13`	`14`	`<path stroke="none" d="M0 0h24v24H0z" fill="none" />`
`14`	`15`	`<path d="M3 12a9 9 0 1 0 18 0a9 9 0 0 0 -18 0" />`
`15`	`16`	`<path d="M12 9h.01" />`