- Consolidated global error handling in app.vue to redirect users to the login page on API authentication failure. - Enhanced MapView component by reintroducing event listeners for selected map and marker updates, improving interactivity. - Updated PasswordInput and various modal components to ensure proper input handling and accessibility compliance. - Refactored MapControls and MapControlsContent to streamline prop management and enhance user experience. - Improved error handling in local storage operations within useMapBookmarks and useRecentLocations composables. - Standardized input elements across forms for consistency in user interaction.
27 lines
559 B
Vue
27 lines
559 B
Vue
<template>
|
|
<NuxtLayout>
|
|
<NuxtPage />
|
|
</NuxtLayout>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
// Global error handling: on API auth failure, redirect to login
|
|
const { onApiError } = useMapApi()
|
|
const { fullUrl } = useAppPaths()
|
|
const unsubscribe = onApiError(() => {
|
|
if (import.meta.client) window.location.href = fullUrl('/login')
|
|
})
|
|
onUnmounted(() => unsubscribe())
|
|
</script>
|
|
|
|
<style>
|
|
.page-enter-active,
|
|
.page-leave-active {
|
|
transition: opacity 0.15s ease-out;
|
|
}
|
|
.page-enter-from,
|
|
.page-leave-to {
|
|
opacity: 0;
|
|
}
|
|
</style>
|