Migration to nuxt 4

Used codemods CLI and reworked most alias'd path that stopped working

app/components/calendar/state/yearly/Layout.vue

@@ -0,0 +1,36 @@
+<script lang="ts" setup>
+import { useCalendar } from "@/stores/CalendarStore"
+import { useThrottleFn } from "@vueuse/core"
+
+const { decrementViewYear, incrementViewYear } = useCalendar()
+const { sortedMonths: months } = storeToRefs(useCalendar())
+
+function handleWheel(e: WheelEvent) {
+  const isMovingUp = e.deltaY < 0
+  if (isMovingUp) {
+    moveCalendarLeft()
+  } else {
+    moveCalendarRight()
+  }
+}
+
+const moveCalendarLeft = useThrottleFn(() => {
+  decrementViewYear()
+}, 100)
+
+const moveCalendarRight = useThrottleFn(() => {
+  incrementViewYear()
+}, 100)
+</script>
+
+<template>
+  <div class="container mx-auto mt-[10vh] mb-auto" @wheel="handleWheel">
+    <div class="grid grid-cols-5 gap-x-8 gap-y-16">
+      <CalendarStateYearlyMonthTile
+        v-for="month in months"
+        :key="month.id"
+        :month
+      />
+    </div>
+  </div>
+</template>