dep:#64 updated frontend packages and fixed changes

frontend/.eslintrc.cjs

@@ -10,5 +10,5 @@ module.exports = {
     "@vue/typescript/recommended",
   ],
   parserOptions: {},
-  rules: {},
+  rules: { 'vue/multi-word-component-names': 0 },
 };

frontend/eslint.config.mjs

@@ -0,0 +1,11 @@
+import pluginVue from "eslint-plugin-vue";
+import vueTsEslintConfig from "@vue/eslint-config-typescript";
+
+export default [
+  ...pluginVue.configs["flat/essential"],
+  ...vueTsEslintConfig(),
+  {
+    files: ["**/*.ts", "**/*.tsx", "**/*.vue", "**/*.js"],
+    rules: { 'vue/multi-word-component-names': 0 },
+  }
+]

frontend/package.json

@@ -7,8 +7,8 @@
     "dev": "vite",
     "build": "vue-tsc && vite-ssg build",
     "preview": "vite preview",
-    "lint": "eslint --ext .js,.vue --ignore-path .gitignore --fix src",
+    "lint": "eslint --ignore-pattern .gitignore --fix src",
-    "lint-no-fix": "eslint --ext .js,.vue --ignore-path .gitignore src",
+    "lint-no-fix": "eslint --ignore-pattern .gitignore src",
     "format": "prettier .  --write",
     "test": "vitest"
   },
@@ -18,40 +18,40 @@
     "@fullcalendar/interaction": "^6.1.15",
     "@fullcalendar/timegrid": "^6.1.15",
     "@fullcalendar/vue3": "^6.1.15",
-    "@tanstack/vue-query": "^5.62.2",
+    "@tanstack/vue-query": "^5.62.12",
-    "@unhead/ssr": "^1.11.13",
+    "@unhead/ssr": "^1.11.14",
-    "@vueuse/core": "^10.11.1",
+    "@vueuse/core": "^12.3.0",
     "country-flag-emoji-polyfill": "^0.1.8",
-    "pinia": "^2.2.8",
+    "pinia": "^2.3.0",
     "primeflex": "^3.3.1",
-    "primeicons": "^6.0.1",
+    "primeicons": "^7.0.0",
-    "primevue": "^3.53.0",
+    "primevue": "^3.53.1",
     "source-sans": "^3.46.0",
-    "vue": "^3.4.11",
+    "vue": "^3.5.13",
-    "vue-i18n": "^10.0.5"
+    "vue-i18n": "^11.0.1"
   },
   "devDependencies": {
-    "@rollup/plugin-node-resolve": "^15.3.0",
+    "@rollup/plugin-node-resolve": "^16.0.0",
     "@rollup/plugin-terser": "^0.4.4",
-    "@tanstack/vue-query-devtools": "^5.62.2",
+    "@tanstack/vue-query-devtools": "^5.62.12",
-    "@types/node": "^20.17.9",
+    "@types/node": "^22.10.5",
-    "@unhead/vue": "^1.11.13",
+    "@unhead/vue": "^1.11.14",
     "@vitejs/plugin-vue": "^5.2.1",
-    "@vue/eslint-config-typescript": "^12.0.0",
+    "@vue/eslint-config-typescript": "^14.2.0",
-    "eslint": "^8.57.1",
+    "eslint": "^9.17.0",
     "eslint-config-prettier": "^9.1.0",
     "eslint-plugin-vue": "^9.32.0",
-    "prettier": "3.2.1",
+    "prettier": "3.4.2",
-    "sass": "^1.81.1",
+    "sass": "^1.83.1",
-    "sass-loader": "^13.3.3",
+    "sass-loader": "^16.0.4",
-    "terser": "^5.36.0",
+    "terser": "^5.37.0",
-    "typescript": "5.6.3",
+    "typescript": "5.7.2",
-    "vite": "^5.4.11",
+    "vite": "^6.0.7",
-    "vite-plugin-vue-devtools": "^7.6.7",
+    "vite-plugin-vue-devtools": "^7.6.8",
-    "vite-ssg": "^0.23.8",
+    "vite-ssg": "^0.24.3",
-    "vite-ssg-sitemap": "^0.7.1",
+    "vite-ssg-sitemap": "^0.8.1",
-    "vitest": "^1.6.0",
+    "vitest": "^2.1.8",
     "vue-router": "^4.5.0",
-    "vue-tsc": "^2.1.6"
+    "vue-tsc": "^2.2.0"
   }
 }

frontend/src/i18n/index.ts

@@ -37,11 +37,13 @@ function setup() {
 }
 
 // Sets the active locale.
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
 function setLocale(newLocale: any) {
   _i18n.global.locale = newLocale;
   setDocumentAttributesFor(newLocale);
 }
 
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
 function setDocumentAttributesFor(locale: any) {
   const htmlElement = document.querySelector("html");
 

frontend/src/main.ts

@@ -115,9 +115,12 @@ export const createApp = ViteSSG(
     app.use(PrimeVue);
     app.component("Avatar", Avatar);
     app.component("Badge", Badge);
+    // eslint-disable-next-line vue/no-reserved-component-names
     app.component("Button", Button);
+    // eslint-disable-next-line vue/no-reserved-component-names
     app.component("Menu", Menu);
     app.component("Menubar", Menubar);
+    // eslint-disable-next-line vue/no-reserved-component-names
     app.component("Dialog", Dialog);
     app.component("Dropdown", Dropdown);
     app.component("InputText", InputText);

frontend/src/view/DynamicPage.vue

@@ -17,7 +17,7 @@ along with this program.  If not, see <https://www.gnu.org/licenses/>.
 -->
 
 <script lang="ts" setup>
-import { computed, useSlots } from "vue";
+import { computed, SetupContext, useSlots } from "vue";
 
 defineProps<{
   hideContent: boolean;
@@ -44,7 +44,7 @@ defineProps<{
   };
 }>();
 
-const slots = useSlots();
+const slots: SetupContext["slots"] = useSlots();
 const hasSlot = (name: string) => {
   return !!slots[name];
 };

frontend/src/view/edit/EditCalendar.vue

@@ -56,13 +56,14 @@ function extractToken(token: string): string {
 function loadCalendar(): void {
   try {
     token.value = extractToken(token.value);
-  } catch (e) {
+  } catch (error) {
     toast.add({
       severity: "error",
       summary: t("editCalendarView.error"),
       detail: t("editCalendarView.invalidToken"),
       life: 3000,
     });
+    console.error(error);
     return;
   }
 

frontend/vite.config.ts

@@ -20,9 +20,9 @@ import { fileURLToPath } from "node:url";
 import resolve from "@rollup/plugin-node-resolve";
 import { resolve as pathResolver } from "path";
 import terser from "@rollup/plugin-terser";
-import ViteSSGOptions from "vite-ssg";
 import generateSitemap from "vite-ssg-sitemap";
 import vueDevTools from "vite-plugin-vue-devtools";
+import { ViteSSGOptions } from "vite-ssg";
 
 const hostname = "https://cal.htwk-leipzig.de";
 
@@ -45,7 +45,7 @@ export default defineConfig({
       ".scss",
     ],
   },
-  ssgOptions: {
+  ssgOptions: <ViteSSGOptions>{
     script: "async",
     formatting: "minify",
     format: "esm",