Migration to nuxt 4

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

app/components/ui/toggle/Toggle.vue

@@ -0,0 +1,37 @@
+<script setup lang="ts">
+import { type HTMLAttributes, computed } from "vue"
+import { Toggle, type ToggleEmits, type ToggleProps, useForwardPropsEmits } from "radix-vue"
+import { type ToggleVariants, toggleVariants } from "."
+import { cn } from "@/lib/utils"
+
+const props = withDefaults(
+  defineProps<
+    ToggleProps & {
+      class?: HTMLAttributes["class"]
+      variant?: ToggleVariants["variant"]
+      size?: ToggleVariants["size"]
+    }
+  >(),
+  {
+    variant: "default",
+    size: "default",
+    disabled: false
+  }
+)
+
+const emits = defineEmits<ToggleEmits>()
+
+const delegatedProps = computed(() => {
+  const { class: _, size, variant, ...delegated } = props
+
+  return delegated
+})
+
+const forwarded = useForwardPropsEmits(delegatedProps, emits)
+</script>
+
+<template>
+  <Toggle v-bind="forwarded" :class="cn(toggleVariants({ variant, size }), props.class)">
+    <slot />
+  </Toggle>
+</template>