enforce type keyword when importing types

src/api/infra/gitHub/gitHubClient.test.ts

@@ -1,7 +1,7 @@
 import { test, expect, beforeEach, vi } from "vitest";
 import { mock } from "vitest-mock-extended";
 import { createGitHubClient } from "./gitHubClient";
-import { GitHubMember, GitHubTeam, GitHubTree } from "./types";
+import type { GitHubMember, GitHubTeam, GitHubTree } from "./types";
 
 // Mock data
 const mockGitHubTeams = mock<GitHubTeam[]>();

src/api/services/fetch/fetchService.test.ts

@@ -2,8 +2,12 @@ import { beforeEach, expect, test, vi } from "vitest";
 import { mock } from "vitest-mock-extended";
 import { createGitHubClient } from "../../infra/gitHub/gitHubClient";
 import { createFetchService } from "./fetchService";
-import { Grade } from "../types";
-import { GitHubMember, GitHubTeam, GitHubTree } from "../../infra/gitHub/types";
+import type { Grade } from "../types";
+import type {
+  GitHubMember,
+  GitHubTeam,
+  GitHubTree,
+} from "../../infra/gitHub/types";
 
 // Mock data
 const dummyConfig = {

src/api/services/process/processService.test.ts

@@ -4,7 +4,7 @@ import { mock } from "vitest-mock-extended";
 
 import { problems } from "../../constants/problems";
 import type { Config } from "../../config/types";
-import { Grade, MemberIdentity, Submission } from "../types";
+import type { Grade, MemberIdentity, Submission } from "../types";
 import { createProcessService } from "./processService";
 
 // Mock data

src/api/services/process/processService.ts

@@ -1,11 +1,6 @@
 import { problemMap } from "../../constants/problems";
 import type { Config } from "../../config/types";
-import {
-  Grade,
-  type Member,
-  type MemberIdentity,
-  type Submission,
-} from "../types";
+import type { Grade, Member, MemberIdentity, Submission } from "../types";
 
 export function createProcessService(config: Config) {
   return {

src/components/Card/Card.tsx

@@ -1,4 +1,4 @@
-import { Grade } from "../../api/services/types";
+import type { Grade } from "../../api/services/types";
 import GradeImage from "../GradeImage/GradeImage";
 import Link from "../Link/Link";
 import styles from "./Card.module.css";

src/components/GradeImage/GradeImage.tsx

@@ -1,4 +1,4 @@
-import { Grade } from "../../api/services/types";
+import type { Grade } from "../../api/services/types";
 import SeedImage from "../../assets/GradeSeed.png";
 import SproutImage from "../../assets/GradeSprout.png";
 import LeafImage from "../../assets/GradeLeaf.png";

src/components/Sidebar/Sidebar.tsx

@@ -1,5 +1,5 @@
 import { useEffect, useRef } from "react";
-import { Grade } from "../../api/services/types";
+import type { Grade } from "../../api/services/types";
 import Github from "../../assets/Github.png";
 import GradeImage from "../GradeImage/GradeImage";
 import styles from "./Sidebar.module.css";

src/components/Spinner/Spinner.tsx

@@ -1,4 +1,4 @@
-import { HTMLAttributes } from "react";
+import type { HTMLAttributes } from "react";
 import styles from "./Spinner.module.css";
 
 export default function Spinner(props: HTMLAttributes<SVGElement>) {

src/pages/Certificate/Certificate.test.tsx

@@ -3,7 +3,7 @@ import userEvent from "@testing-library/user-event";
 import { afterAll, expect, test, vi } from "vitest";
 import { mock } from "vitest-mock-extended";
 
-import { Member } from "../../api/services/types";
+import type { Member } from "../../api/services/types";
 import useMembers from "../../hooks/useMembers";
 import Certificate from "./Certificate";
 import { gradeEmojiMap } from "./constants";

tsconfig.app.json

@@ -18,7 +18,8 @@
     "strict": true,
     "noUnusedLocals": true,
     "noUnusedParameters": true,
-    "noFallthroughCasesInSwitch": true
+    "noFallthroughCasesInSwitch": true,
+    "verbatimModuleSyntax": true
   },
   "include": [
     "src",