biome: useImportExtension = error

biome.jsonc

@@ -22,8 +22,15 @@
     "enabled": true,
     "rules": {
       "recommended": true,
+      "correctness": {
+        "useImportExtensions": {
+          "level": "error",
+          "fix": "safe",
+          "options": {}
+        }
+      },
       "suspicious": {
-        "noArrayIndexKey": "off" // we are smarter than you
+        "noArrayIndexKey": "off"
       }
     }
   },

packages/class_data/index.ts

@@ -1,7 +1,7 @@
 import fs from "node:fs";
 import { argv } from "node:process";
-import { NewClassData } from "./newClass";
-import type { PreviousClassData } from "./previousClassDaya";
+import { NewClassData } from "./newClass.ts";
+import type { PreviousClassData } from "./previousClassDaya.ts";
 
 /**
  * 変換処理本体

packages/class_data/newClass.ts

@@ -1,5 +1,5 @@
-import { PreviousClassData } from "./previousClassDaya";
-import { type DayPeriod, dayMappingToEn } from "./type";
+import { PreviousClassData } from "./previousClassDaya.ts";
+import { type DayPeriod, dayMappingToEn } from "./type.ts";
 
 /**
  * 新シ楽バス仕様の講義情報クラス

packages/web/src/App.tsx

@@ -5,14 +5,14 @@ import { ThemeContext } from "@/app/context";
 import type { RegisterType, ThemeType } from "@/app/type";
 import { UserContext, type UserContextValue } from "@/app/UserContext";
 import { User } from "@/app/utils/user";
-import Footer from "./app/components/Footer";
-import Header from "./app/components/Header";
-import AboutUs from "./pages/AboutUs";
-import Disclaimer from "./pages/Disclaimer";
-import Home from "./pages/Home";
-import HowToUse from "./pages/HowToUse";
-import NotFound from "./pages/NotFound";
-import Notion from "./pages/Notion";
+import Footer from "./app/components/Footer/index.tsx";
+import Header from "./app/components/Header/index.tsx";
+import AboutUs from "./pages/AboutUs.tsx";
+import Disclaimer from "./pages/Disclaimer.tsx";
+import Home from "./pages/Home.tsx";
+import HowToUse from "./pages/HowToUse.tsx";
+import NotFound from "./pages/NotFound.tsx";
+import Notion from "./pages/Notion.tsx";
 
 /**
  * App コンポーネントは、アプリケーション全体のレイアウトを定義します。

packages/web/src/app/components/ClassModal/index.tsx

@@ -1,7 +1,7 @@
 import { Dialog, DialogPanel, DialogTitle } from "@headlessui/react";
 import { FiX } from "react-icons/fi";
 import { type ClassDataType, type DayPeriod, dayMapping } from "@/app/type";
-import Item from "./ClassModalItem";
+import Item from "./ClassModalItem.tsx";
 
 /**
  * モーダルに渡すprops

packages/web/src/app/components/FilterUI/FilterComponents/ClassType.tsx

@@ -3,7 +3,7 @@
  */
 import type React from "react";
 import type { ClassType } from "@/app/type";
-import { FlagButton } from "../UI/FlagButton";
+import { FlagButton } from "../UI/FlagButton.tsx";
 
 /**
  * クラス種別フィルターのプロパティ

packages/web/src/app/components/FilterUI/FilterComponents/Evaluation.tsx

@@ -5,7 +5,7 @@
 import type React from "react";
 import type { ReactNode } from "react";
 import type { Evaluation } from "@/app/type";
-import Checkbox from "../UI/Checkbox";
+import Checkbox from "../UI/Checkbox.tsx";
 
 const evaluations: Evaluation[] = ["試験", "レポート", "出席", "平常"];
 

packages/web/src/app/components/FilterUI/FilterComponents/Freeword.tsx

@@ -3,7 +3,7 @@
  */
 
 import type React from "react";
-import Checkbox from "../UI/Checkbox";
+import Checkbox from "../UI/Checkbox.tsx";
 
 /**
  * フリーワード検索のプロパティ

packages/web/src/app/components/FilterUI/FilterComponents/RegistrationFilter.tsx

@@ -3,7 +3,7 @@
  */
 
 import type React from "react";
-import { FlagButton } from "../UI/FlagButton";
+import { FlagButton } from "../UI/FlagButton.tsx";
 
 /**
  * 履修登録済みか否かのフィルターのプロパティ

packages/web/src/app/components/FilterUI/FilterComponents/Semester.tsx

@@ -4,7 +4,7 @@
 
 import type React from "react";
 import type { Semester } from "@/app/type";
-import { FlagButton } from "../UI/FlagButton";
+import { FlagButton } from "../UI/FlagButton.tsx";
 
 /**
  * セメスターフィルターのプロパティ

packages/web/src/app/components/FilterUI/FilterUI.tsx

@@ -4,12 +4,12 @@
 
 import { useState } from "react";
 import type { ClassType, Evaluation, Semester } from "@/app/type";
-import { ClassTypeFilter } from "./FilterComponents/ClassType";
-import { EvaluationFilter } from "./FilterComponents/Evaluation";
-import { Freeword } from "./FilterComponents/Freeword";
-import { RegistrationFilter } from "./FilterComponents/RegistrationFilter";
-import { SemestersCheckbox } from "./FilterComponents/Semester";
-import { FilterCard } from "./UI/FilterCard";
+import { ClassTypeFilter } from "./FilterComponents/ClassType.tsx";
+import { EvaluationFilter } from "./FilterComponents/Evaluation.tsx";
+import { Freeword } from "./FilterComponents/Freeword.tsx";
+import { RegistrationFilter } from "./FilterComponents/RegistrationFilter.tsx";
+import { SemestersCheckbox } from "./FilterComponents/Semester.tsx";
+import { FilterCard } from "./UI/FilterCard.tsx";
 
 /**
  *  フィルタの型定義

packages/web/src/app/components/FilterUI/Sample/page.tsx

@@ -2,7 +2,7 @@
  * FilterUIのサンプルページ
  */
 
-import { FilterUI } from "../FilterUI";
+import { FilterUI } from "../FilterUI.tsx";
 
 const FilterUISample: React.FC = () => {
   return <FilterUI />;

packages/web/src/app/components/Sample/ClassModal/page.tsx

@@ -1,7 +1,7 @@
 import type React from "react";
 import { useState } from "react";
-import ClassModalComponent from "../../ClassModal"; // モーダルのコンポーネント
-import { SampleClasses } from "./SampleClassData"; // モーダルのデモで利用する講義のサンプルデータ
+import ClassModalComponent from "../../ClassModal/index.tsx"; // モーダルのコンポーネント
+import { SampleClasses } from "./SampleClassData.ts"; // モーダルのデモで利用する講義のサンプルデータ
 
 /**
  * ClassModalComponentを利用するサンプルです

packages/web/src/app/components/Sample/ColorTheme/page.tsx

@@ -2,8 +2,8 @@
   ColorThemeを利用したデザイン例
 */
 import type React from "react";
-import ValidatedInput from "./field";
-import ToggleSample from "./toggle";
+import ValidatedInput from "./field.tsx";
+import ToggleSample from "./toggle.tsx";
 
 const ThemeSampleComponent: React.FC = () => {
   return (

packages/web/src/app/components/Sample/Timetable/page.tsx

@@ -1,7 +1,7 @@
 import { useState } from "react";
 import type { ClassDataType } from "@/app/type";
-import ClassModalComponent from "../../ClassModal";
-import TimetableFrame from "../../Timetable/timetableFrame";
+import ClassModalComponent from "../../ClassModal/index.tsx";
+import TimetableFrame from "../../Timetable/timetableFrame.tsx";
 
 /**
  * 時間割のサンプル

packages/web/src/app/components/Timetable/slots/classSlot.tsx

@@ -1,6 +1,6 @@
 import type React from "react";
 import type { ClassDataType, DayPeriod } from "@/app/type";
-import { SlotDiv, type slotProps } from "./slot";
+import { SlotDiv, type slotProps } from "./slot.tsx";
 
 /**
  * 講義が表示されるスロット要素のプロパティ

packages/web/src/app/components/Timetable/slots/daySlot.tsx

@@ -1,6 +1,6 @@
 import type React from "react";
 import type { Day } from "@/app/type";
-import { SlotDiv, type slotProps } from "./slot";
+import { SlotDiv, type slotProps } from "./slot.tsx";
 
 /**
  * 曜日が表示されるスロット要素のプロパティ

packages/web/src/app/components/Timetable/slots/periodSlot.tsx

@@ -1,5 +1,5 @@
 import type React from "react";
-import { type Period, SlotDiv, type slotProps } from "./slot";
+import { type Period, SlotDiv, type slotProps } from "./slot.tsx";
 
 /**
  * 時限が表示されるスロット要素のプロパティ

packages/web/src/app/components/Timetable/timetableFrame.tsx

@@ -12,11 +12,11 @@
 import type React from "react";
 import { type ReactElement, useEffect, useState } from "react";
 import type { ClassDataType, Day, DayPeriod } from "@/app/type";
-import { SampleClasses } from "../Sample/ClassModal/SampleClassData";
-import { ClassSlot } from "./slots/classSlot";
-import { DaySlot } from "./slots/daySlot";
-import { PeriodSlot } from "./slots/periodSlot";
-import { type Period, SlotDiv } from "./slots/slot";
+import { SampleClasses } from "../Sample/ClassModal/SampleClassData.ts";
+import { ClassSlot } from "./slots/classSlot.tsx";
+import { DaySlot } from "./slots/daySlot.tsx";
+import { PeriodSlot } from "./slots/periodSlot.tsx";
+import { type Period, SlotDiv } from "./slots/slot.tsx";
 
 /**
  * 時間割のフレームコンポーネントのプロパティ

packages/web/src/main.tsx

@@ -1,6 +1,6 @@
 import React from "react";
 import ReactDOM from "react-dom/client";
-import App from "./App";
+import App from "./App.tsx";
 import "./app.css";
 
 const rootElement = document.getElementById("root");

packages/web/src/pages/AboutUs.tsx

@@ -1,5 +1,5 @@
 import type React from "react";
-import { HowToUseItem } from "../app/how-to-use/HowToUseItem";
+import { HowToUseItem } from "../app/how-to-use/HowToUseItem.tsx";
 
 const _Blue: React.FC<{ children: string }> = ({ children }) => {
   return <span className="text-tertiary">{children}</span>;

packages/web/src/pages/Disclaimer.tsx

@@ -1,5 +1,5 @@
 import type React from "react";
-import { FaqItem, HowToUseItem } from "../app/how-to-use/HowToUseItem";
+import { FaqItem, HowToUseItem } from "../app/how-to-use/HowToUseItem.tsx";
 
 const Blue: React.FC<{ children: string }> = ({ children }) => {
   return <span className="text-tertiary">{children}</span>;

packages/web/src/pages/HowToUse.tsx

@@ -7,7 +7,7 @@ import {
   HowToUseItem,
   IndentLi,
   QuickStartItem,
-} from "./HowToUseItem";
+} from "./HowToUseItem.tsx";
 
 /**
  * 文字をtertiaryカラーで表示するコンポーネント

packages/web/src/pages/Notion.tsx

@@ -1,5 +1,5 @@
 import type React from "react";
-import { HowToUseItem } from "../app/how-to-use/HowToUseItem";
+import { HowToUseItem } from "../app/how-to-use/HowToUseItem.tsx";
 
 const Notion: React.FC = () => {
   return (