Fix TypeScript config for upgrade to 5.0

client/src/components/learningPath/LearningSequence.vue

@@ -92,7 +92,7 @@ const learningSequenceBorderClass = computed(() => {
 <template>
   <div :id="learningSequence.slug" class="learning-sequence mb-8">
     <div class="mb-2 flex items-center gap-4 text-blue-900">
-      <component v-if="showIcon(learningSequence.icon)" :is="learningSequence.icon" />
+      <component :is="learningSequence.icon" v-if="showIcon(learningSequence.icon)" />
       <h3 class="text-large font-semibold">
         {{ learningSequence.title }}
       </h3>

client/src/pages/cockpit/CockpitIndexPage.vue

@@ -33,6 +33,7 @@ function userCountStatusForCircle(userId: number, translationKey: string) {
   );
   const grouped = groupBy(criteria, "circle.translation_key");
 
+  // @ts-ignore
   return competenceStore.calcStatusCount(grouped[translationKey]);
 }
 

client/src/stores/courseSessions.ts

@@ -72,6 +72,7 @@ export const useCourseSessionsStore = defineStore("courseSessions", () => {
   // these will become getters
   const coursesFromCourseSessions = computed(() =>
     // TODO: refactor after implementing of Klassenkonzept
+    // @ts-ignore
     uniqBy(courseSessions.value, "course.id")
   );
 

client/tsconfig.app.json

@@ -3,6 +3,7 @@
     "allowJs": true,
     "baseUrl": ".",
     "composite": true,
+    "ignoreDeprecations": "5.0",
     "lib": ["ES2021", "DOM", "DOM.Iterable"],
     "paths": {
       "@/*": ["./src/*"]