fix: usefetch gave problems when calling email endpoint

app/components/modal/FeatureRequest.vue

@@ -7,8 +7,6 @@ import * as z from 'zod'
 const emit = defineEmits<{ close: [] }>()
 
 const { user } = useAuthentication()
-const { t } = useI18n()
-
 const { mutateAsync: create } = useFeatureCreate()
 
 const baseSchema = z.object({
@@ -46,16 +44,14 @@ const onSubmit = form.handleSubmit(async (values) => {
 async function sendFeatureEmail(form: z.infer<typeof baseSchema>): Promise<void> {
   if (!user.value) return
 
-  const { error } = await useFetch('/api/emails/feature-request', {
+  await $fetch('/api/emails/feature-request', {
     method: 'POST',
     body: {
       ...form,
       name: user.value.username,
       email: user.value.email,
     },
   })
-
-  if (error.value) throw createError(t('general.mail.fail.text'))
 }
 </script>
 

app/pages/contact.vue

@@ -26,13 +26,11 @@ const onSubmit = form.handleSubmit(async (values) => {
   formError.value = ''
 
   try {
-    const { error } = await useFetch('/api/emails/contact-request', {
+    await $fetch('/api/emails/contact-request', {
       method: 'POST',
       body: values,
     })
 
-    if (error.value) throw createError(error.value)
-
     toast({
       description: t('pages.contact.success'),
       variant: 'success',

nuxt.config.ts

@@ -9,7 +9,6 @@ export default defineNuxtConfig({
     '@nuxt/eslint',
     '@nuxt/image',
     '@nuxt/icon',
-    '@nuxt/hints',
     '@nuxt/test-utils/module',
     '@nuxtjs/supabase',
     '@nuxtjs/i18n',
@@ -89,7 +88,10 @@ export default defineNuxtConfig({
 
   nitro: {
     rollupConfig: {
-      plugins: [vue()],
+      plugins: [
+        // @ts-expect-error Needed for vue-email
+        vue(),
+      ],
     },
     devProxy: {
       '/sw.js': { target: '/sw.js' },