Init

plugins/auth.ts

@@ -0,0 +1,10 @@
+import { fetchCurrentUser, useUser } from '~/composables/useAuth'
+
+export default defineNuxtPlugin(async () => {
+  const user = useUser()
+
+  // Skip if already initialized on server
+  if (user.value !== undefined) { return }
+
+  user.value = await fetchCurrentUser()
+})

plugins/error-handler.ts

@@ -0,0 +1,17 @@
+import { FetchError } from 'ofetch'
+
+export default defineNuxtPlugin(async (nuxtApp) => {
+  nuxtApp.hook('vue:error', (error) => {
+    if (!(error instanceof FetchError)) { throw error }
+
+    const status = error.response?.status ?? -1
+
+    if ([401, 419].includes(status)) {
+      navigateTo('/login')
+    }
+
+    if ([409].includes(status)) {
+      navigateTo('/verify-email')
+    }
+  })
+})