Converted frontend from Javascript to Typescript

Makefile

@@ -2,10 +2,10 @@
 # the user has activated it (or has direnv loaded). `make venv` creates it.
 export PATH := $(CURDIR)/.venv/bin:$(PATH)
 
-.PHONY: ci lint format format-check test install-dev run venv init build
+.PHONY: ci lint format format-check test install-dev run venv init build frontend-lint frontend-type-check
 
 # Run all CI checks — called by GitHub Actions.
-ci: lint format-check frontend-lint test
+ci: lint format-check frontend-lint frontend-type-check test
 
 # ── Python ──────────────────────────────────────────────────────────────────
 
@@ -27,6 +27,9 @@ test:
 frontend-lint:
 	npm --prefix frontend run lint
 
+frontend-type-check:
+	npm --prefix frontend run type-check
+
 # ── Dev setup ────────────────────────────────────────────────────────────────
 
 venv:

frontend/package.json

@@ -6,9 +6,10 @@
   "license": "GPL-3.0-or-later",
   "scripts": {
     "dev": "vite",
-    "build": "vite build",
+    "build": "vue-tsc --noEmit && vite build",
     "preview": "vite preview",
-    "lint": "prettier --check \"src/**/*.{js,vue}\""
+    "lint": "prettier --check \"src/**/*.{ts,vue}\"",
+    "type-check": "vue-tsc --noEmit"
   },
   "dependencies": {
     "@fortawesome/fontawesome-free": "^6.5.2",
@@ -18,8 +19,12 @@
     "vue-router": "^4.4.3"
   },
   "devDependencies": {
+    "@types/node": "^25.9.1",
     "@vitejs/plugin-vue": "^6.0.6",
+    "@vue/tsconfig": "^0.9.1",
     "prettier": "^3.3.3",
-    "vite": "^8.0.10"
+    "typescript": "^6.0.3",
+    "vite": "^8.0.10",
+    "vue-tsc": "^3.3.1"
   }
 }

frontend/src/App.vue

@@ -1,5 +1,5 @@
 <!-- SPDX-License-Identifier: GPL-3.0-or-later -->
-<script setup>
+<script setup lang="ts">
 import { onBeforeMount } from "vue";
 import { useGameStore } from "@/stores/game";