fixed remaining typing problems

src/Resources/package.json

@@ -58,6 +58,7 @@
     "prettier": "^3.2.5",
     "prettier-plugin-tailwindcss": "^0.6.5",
     "tailwindcss": "^3.4.6",
+    "ts-node": "^10.9.2",
     "typescript": "^5.4.0",
     "vite": "^5.3.1",
     "vite-plugin-vue-devtools": "^7.3.1",

src/Resources/src/components/balance/BalanceHeader.vue

@@ -10,7 +10,7 @@
         :translate-x-min="'-18%'"
         class="m-auto w-fit"
       >
-        <template #button="{ open }">
+        <template>
           <button
             class="hover:bg-highlight-2 btn-highlight-shadow mx-2 mb-6 mt-4 h-9 items-center rounded-btn bg-highlight px-[34px] text-center text-btn font-bold text-white shadow-btn drop-shadow-btn transition-all duration-300 ease-out active:translate-y-0.5 active:shadow-btn-active"
           >

src/Resources/src/components/balance/TransactionPanel.vue

@@ -23,7 +23,7 @@
 
 <script setup lang="ts">
 import { RadarSpinner } from 'epic-spinners';
-import { loadScript, type PayPalNamespace } from '@paypal/paypal-js';
+import { loadScript } from '@paypal/paypal-js';
 import { transactionStore } from '@/stores/transactionStore';
 import { useI18n } from 'vue-i18n';
 import { type WatchStopHandle, computed, onMounted, onUnmounted, ref, watch } from 'vue';
@@ -59,7 +59,7 @@ onMounted(async () => {
 
     if (paypal && paypal.Buttons) {
       paypal.Buttons({
-          onInit: function (data, actions) {
+          onInit: function (_data, actions) {
             periodicFetchActive.value = true;
             if (amountFieldValue.value > 0.0) {
               actions.enable();
@@ -78,7 +78,7 @@ onMounted(async () => {
               }
             );
           },
-          createOrder: function (data, actions) {
+          createOrder: function (_data, actions) {
             checkActiveSession();
             return actions.order.create({
               purchase_units: [
@@ -92,7 +92,7 @@ onMounted(async () => {
               intent: 'CAPTURE'
             });
           },
-          onShippingChange: function (data, actions) {
+          onShippingChange: function (_data, actions) {
             return actions.resolve();
           },
           onApprove: async function (data, actions) {

src/Resources/src/components/categories/CategoriesActions.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="flex flex-row content-center items-center justify-end justify-items-end sm:gap-4">
     <Popover :translate-x-min="'-50%'">
-      <template #button="{ open }">
+      <template>
         <ActionButton
           :action="Action.EDIT"
           :btn-text="t('button.edit')"

src/Resources/src/components/costs/CostsTableActions.vue

@@ -11,7 +11,7 @@
       :translate-x-min="'-5%'"
       :popup-styles="'right-0'"
     >
-      <template #button="{ open }">
+      <template>
         <ActionButton
           :action="Action.CREATE"
           :btn-text="''"

src/Resources/src/components/dashboard/CombiButtonGroup.vue

@@ -56,35 +56,42 @@ import { RadioGroup, RadioGroupDescription, RadioGroupLabel, RadioGroupOption }
 import { dashboardStore } from '@/stores/dashboardStore';
 import { type Meal } from '@/api/getDashboardData';
 
+interface DishInfo {
+  id: string | number,
+  title: string,
+  description: string,
+  slug: string
+}
+
 const props = defineProps<{
   weekID: number | string;
   dayID: number | string;
   mealID: number | string;
   meal: Meal;
 }>();
 
-const meal = props.meal !== undefined ? props.meal : dashboardStore.getMeal(props.weekID, props.dayID, props.mealID);
+const meal = props.meal ?? dashboardStore.getMeal(props.weekID, props.dayID, props.mealID);
 const emit = defineEmits(['addEntry', 'removeEntry']);
 const selected = ref();
-let dishes = [];
+let dishes: DishInfo[] = [];
 let oldSlug = '';
 
 if (meal.variations) {
   for (const variationID in meal.variations) {
     dishes.push({
-      id: variationID,
+      id: parseInt(String(variationID)),
       title: meal.title.en,
       description: meal.variations[variationID].title.en,
-      slug: meal.variations[variationID].dishSlug
+      slug: meal.variations[variationID].dishSlug ?? ''
     });
   }
   selected.value = dishes[0];
 } else {
   dishes.push({
-    id: props.mealID,
+    id: parseInt(String(props.mealID)),
     title: meal.title.en,
-    description: meal.description.en,
-    slug: meal.dishSlug
+    description: meal.description?.en ?? '',
+    slug: meal.dishSlug ?? ''
   });
   selected.value = meal.dishSlug;
   emit('addEntry', meal.dishSlug);

src/Resources/src/components/dashboard/DashboardWeekAll.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="inline-flex divide-x-2 print:block print:h-screen">
     <div
-      v-for="(week, weekID, index) in weeks"
+      v-for="(weekID, index) in Object.keys(weeks)"
       :key="index"
       class="w-[585px] flex-initial print:mx-auto print:w-full print:last:hidden"
     >

src/Resources/src/components/dashboard/DashboardWeekTabs.vue

@@ -4,7 +4,7 @@
     class="tabs mb-5 justify-center gap-4"
   >
     <tab
-      v-for="(week, weekID, index) in weeks"
+      v-for="(weekID, index) in Object.keys(weeks)"
       :key="`t${String(weekID)}`"
       :val="weekID"
       :label="t('dashboard.' + index)"
@@ -26,7 +26,7 @@
     :swipeable="true"
   >
     <tab-panel
-      v-for="(week, weekID, index) in weeks"
+      v-for="(weekID, index) in Object.keys(weeks)"
       :key="`tp${String(weekID)}`"
       :val="weekID"
     >

src/Resources/src/components/dashboard/Day.vue

@@ -99,7 +99,6 @@
 </template>
 
 <script setup lang="ts">
-import { type GuestDay } from '@/api/getInvitationData';
 import GuestButton from '@/components/dashboard/GuestButton.vue';
 import InformationButton from '@/components/dashboard/InformationButton.vue';
 import MealData from '@/components/dashboard/MealData.vue';

src/Resources/src/components/dashboard/GuestLink.vue

@@ -27,7 +27,7 @@ const url = ref('');
 onMounted(async () => {
   const { link, error } =
     props.invitation === Invitation.MEAL ? await useGuestLink(props.dayID) : await getEventGuestLink(props.dayID);
-  if (error.value === false) {
+  if (error.value === false && link.value !== undefined) {
     copyTextToClipboard(link.value.url);
     url.value = link.value.url;
   }

src/Resources/src/components/dashboard/MealCheckbox.vue

@@ -107,6 +107,7 @@ const checkboxCSS = computed(() => {
         return cssResult;
       case MealState.OFFERING:
         cssResult += 'bg-highlight cursor-pointer border-0';
+        return cssResult;
       case MealState.OFFERABLE:
         cssResult += 'bg-primary-4 cursor-pointer border-0';
         return cssResult;