feat: improve error handling on frontend

Author: prplwtf

apps/frontend/src/pages/app/extensions/[id].vue

@@ -1,5 +1,8 @@
 <template>
   <client-only>
+    <ElementsInlinecard v-if="errors">
+      An unknown error occurred. Open your browser console for more information.
+    </ElementsInlinecard>
     <template v-if="data?.extension">
       <div
         v-if="user?.admin && data.extension.status == 'ready'"

apps/frontend/src/pages/auth/forgot.vue

@@ -8,6 +8,9 @@
       <h1 class="!text-4xl">Forgot password</h1>
     </div>
     <div class="space-y-4 p-4">
+      <ElementsInlinecard v-if="error">
+        An unknown error occurred.
+      </ElementsInlinecard>
       <ElementsFormInput
         v-model="form.email"
         name="email"

apps/frontend/src/pages/auth/index.vue

@@ -16,6 +16,9 @@
           >recover your account here</NuxtLink
         >.
       </ElementsInlinecard>
+      <ElementsInlinecard v-else-if="errors[0]">
+        An unknown error occurred.
+      </ElementsInlinecard>
       <ElementsInlinecard v-if="reset">
         Your password has been reset successfully. You can now sign in with your
         new password.

apps/frontend/src/pages/auth/register.vue

@@ -12,9 +12,12 @@
       >
         Email address or username is already in use.
       </ElementsInlinecard>
-      <ElementsInlinecard v-if="errors?.includes('failed to create user')">
+      <ElementsInlinecard v-else-if="errors?.includes('failed to create user')">
         Could not create user, try again later.
       </ElementsInlinecard>
+      <ElementsInlinecard v-else-if="errors">
+        An unknown error occurred.
+      </ElementsInlinecard>
       <ElementsInlinecard
         v-if="route.query.reason == 'oauth'"
         class="mb-4 w-full"

apps/frontend/src/pages/auth/verify.vue

@@ -100,7 +100,8 @@ const handleVerify = async () => {
       method: 'POST',
       body: form.value,
     })
-  } catch {
+  } catch (error) {
+    console.error(error)
     errors.value.incorrect = true
     loading.value = false
   } finally {
@@ -122,7 +123,8 @@ const handleResend = async () => {
         captcha: null,
       },
     })
-  } catch {
+  } catch (error) {
+    console.error(error)
     errors.value.resendError = true
     loading.value = false
   } finally {