⬆️ ui: upgrade deps

`yarn upgrade-interactive --latest`

ui/.eslintrc.js

@@ -30,6 +30,9 @@ module.exports = {
       env: {
         mocha: true,
       },
+      rules: {
+        "@typescript-eslint/no-unused-expressions": "off",
+      }
     },
   ],
 };

ui/package.json

@@ -11,36 +11,36 @@
     "ui": "vue ui --host 0.0.0.0 --headless"
   },
   "devDependencies": {
-    "@fortawesome/fontawesome-svg-core": "^6.6.0",
-    "@fortawesome/free-solid-svg-icons": "^6.6.0",
-    "@fortawesome/vue-fontawesome": "^3.0.8",
-    "@types/chai": "^4.3.17",
-    "@types/luxon": "^3.4.2",
-    "@types/mocha": "^10.0.7",
-    "@typescript-eslint/eslint-plugin": "^7.3.1",
-    "@typescript-eslint/parser": "^7.3.1",
-    "@vue/cli-plugin-babel": "~5.0.0",
-    "@vue/cli-plugin-eslint": "~5.0.0",
-    "@vue/cli-plugin-typescript": "~5.0.0",
-    "@vue/cli-plugin-unit-mocha": "~5.0.0",
-    "@vue/cli-service": "~5.0.0",
+    "@fortawesome/fontawesome-svg-core": "^7.2.0",
+    "@fortawesome/free-solid-svg-icons": "^7.2.0",
+    "@fortawesome/vue-fontawesome": "^3.1.3",
+    "@types/chai": "^5.2.3",
+    "@types/luxon": "^3.7.1",
+    "@types/mocha": "^10.0.10",
+    "@typescript-eslint/eslint-plugin": "^8.55.0",
+    "@typescript-eslint/parser": "^8.55.0",
+    "@vue/cli-plugin-babel": "^5.0.9",
+    "@vue/cli-plugin-eslint": "^5.0.9",
+    "@vue/cli-plugin-typescript": "^5.0.9",
+    "@vue/cli-plugin-unit-mocha": "^5.0.9",
+    "@vue/cli-service": "^5.0.9",
     "@vue/eslint-config-typescript": "^13.0.0",
     "@vue/test-utils": "^2.4.6",
-    "@vue/tsconfig": "^0.5.1",
+    "@vue/tsconfig": "^0.8.1",
     "animate.css": "^4.1.1",
-    "axios": "^1.7.3",
-    "bulma": "^1.0.2",
+    "axios": "^1.13.5",
+    "bulma": "^1.0.4",
     "bulma-toast": "2.4.3",
-    "chai": "^5.1.1",
-    "core-js": "^3.38.0",
-    "eslint": "^8.57.0",
-    "eslint-plugin-vue": "^9.27.0",
-    "luxon": "^3.5.0",
-    "pinia": "^2.2.1",
-    "sass": "^1.77.8",
+    "chai": "^6.2.2",
+    "core-js": "^3.48.0",
+    "eslint": "^8.57.1",
+    "eslint-plugin-vue": "^9.33.0",
+    "luxon": "^3.7.2",
+    "pinia": "^3.0.4",
+    "sass": "~1.94.3",
     "sass-loader": "^16.0.0",
-    "typescript": ">=4.7.4 <5.5.0",
+    "typescript": "^5.9.3",
     "vue": "^3.5.25",
-    "vue-class-component": "^8.0.0-0"
+    "vue-cli-plugin-webpack-bundle-analyzer": "^4.0.0"
   }
 }

ui/src/lib/api.ts

@@ -1,9 +1,10 @@
-import axios, {
-  type AxiosBasicCredentials,
-  type AxiosRequestConfig,
-  type Method,
-  type RawAxiosRequestHeaders,
+import type {
+  AxiosBasicCredentials,
+  AxiosRequestConfig,
+  Method,
+  RawAxiosRequestHeaders,
 } from "axios";
+import axios from "axios";
 import { APIError } from "./api_error";
 
 interface Params {
@@ -21,7 +22,8 @@ export class API {
       return `${window.location.protocol}//${window.location.host}/api`;
     } else if (process.env.NODE_ENV !== "development") {
       // not in prouction or development mode
-      console.warn("Unexpected NODE_ENV value");
+      // eslint-disable-next-line no-console
+      console.warn("Unexpected NODE_ENV value: ", process.env.NODE_ENV);
     }
 
     // in development mode, return "proto://hostname:8000/api"
@@ -82,6 +84,7 @@ export class API {
       const response = await this.axios.request<T>(this.get_axios_config(p));
       return response.data;
     } catch (reason) {
+      // eslint-disable-next-line no-console
       console.error(`Failed to query ${p.endpoint}: ${reason}`);
       throw new APIError(reason, p.endpoint);
     }

ui/src/lib/helpers.ts

@@ -42,6 +42,7 @@ export function handle_error(error: unknown): void {
   if (error instanceof APIError) {
     error.alert();
   } else {
+    // eslint-disable-next-line no-console
     console.error(error);
   }
 }

ui/src/lib/store.ts

@@ -20,9 +20,7 @@ type State = {
   next_door_target: number | null;
 };
 
-export const advent22Store = defineStore({
-  id: "advent22",
-
+export const advent22Store = defineStore("advent22", {
   state: (): State => ({
     on_initialized: [],
     is_touch_device:
@@ -64,7 +62,7 @@ export const advent22Store = defineStore({
         link.href = favicon.data_url;
 
         if (link.parentElement === null)
-          document.getElementsByTagName("head")[0].appendChild(link);
+          document.getElementsByTagName("head")[0]!.appendChild(link);
       } catch { }
 
       try {

ui/src/main.scss

@@ -20,4 +20,4 @@
 // main imports
 //==============
 
-@import "animate.css/animate";
+@forward "animate.css/animate";

ui/vue.config.js

@@ -1,10 +1,11 @@
+/* eslint-disable @typescript-eslint/no-require-imports */
 const { defineConfig } = require("@vue/cli-service");
 const webpack = require("webpack");
 
 module.exports = defineConfig({
   transpileDependencies: true,
   devServer: {
-    host: "127.0.0.1",
+    host: "0.0.0.0",
   },
   pages: {
     index: {