handle 401 depending on settings.public and route.meta.public

composables/api.ts

@@ -38,11 +38,15 @@ export function useApi<T>(
       .then((data) => {
         result.data.value = data as T
       })
-      .catch((e: FetchError) => {
+      .catch(async (e: FetchError) => {
         result.error.value = e
         if (e.statusCode === 401) {
           useIsLoggedIn().value = false
-          navigateTo('/login')
+          const route = useRoute()
+          const settings = await useSettings()
+          if (!(settings.value.public && route.meta.public)) {
+            navigateTo('/login')
+          }
         } else if (e.statusCode !== 400 && !e.data?.path) {
           throw createError({
             statusCode: e.statusCode,

middleware/auth.global.ts

@@ -1,7 +1,12 @@
-import { useIsLoggedIn, useRedirectUrl } from '@/composables/states'
+import {
+  useIsLoggedIn,
+  useRedirectUrl,
+  useSettings,
+} from '@/composables/states'
 
-export default defineNuxtRouteMiddleware((to, from) => {
+export default defineNuxtRouteMiddleware(async (to, from) => {
   const isLoggedIn = useIsLoggedIn()
+  const settings = await useSettings()
 
   useRedirectUrl().value = (from.query.r as string) || null
   if (useRedirectUrl().value && to.name === 'login') {
@@ -11,7 +16,7 @@ export default defineNuxtRouteMiddleware((to, from) => {
   if (to.name === 'login' && isLoggedIn.value) {
     return navigateTo('/')
   }
-  if (to.name !== 'login' && !isLoggedIn.value) {
+  if (!isLoggedIn.value && !(to.meta.public && settings.value.public)) {
     return navigateTo('/login')
   }
 })

pages/index.vue

@@ -2,6 +2,10 @@
 const { t } = useI18n()
 const appsData = await useApps()
 
+definePageMeta({
+  public: true,
+})
+
 const apps = computed(() => {
   const appTileColors = [
     ['bg-primary', 'text-primary-content'],

pages/login.vue

@@ -5,6 +5,7 @@ import * as yup from 'yup'
 
 definePageMeta({
   layout: false,
+  public: true,
 })
 
 const { t } = useI18n()