- Added page transition effects in app.vue for smoother navigation. - Updated nuxt.config.ts to include custom font styles and page transitions. - Improved loading indicators in MapPageWrapper.vue and login.vue for better user experience. - Enhanced MapView.vue with a collapsible control panel and improved styling. - Introduced new icons for various components to enhance visual consistency. - Updated Tailwind CSS configuration to extend font families and improve theme management. - Refined layout styles in default.vue and admin pages for better responsiveness and aesthetics. - Implemented error handling and loading states across various forms for improved user feedback.
26 lines
505 B
Vue
26 lines
505 B
Vue
<template>
|
|
<NuxtLayout>
|
|
<NuxtPage />
|
|
</NuxtLayout>
|
|
</template>
|
|
|
|
<style>
|
|
.page-enter-active,
|
|
.page-leave-active {
|
|
transition: opacity 0.15s ease-out;
|
|
}
|
|
.page-enter-from,
|
|
.page-leave-to {
|
|
opacity: 0;
|
|
}
|
|
</style>
|
|
|
|
<script setup lang="ts">
|
|
// Global error handling: on API auth failure, redirect to login
|
|
const { onApiError } = useMapApi()
|
|
const { fullUrl } = useAppPaths()
|
|
onApiError(() => {
|
|
if (import.meta.client) window.location.href = fullUrl('/login')
|
|
})
|
|
</script>
|