Nikolay Tatarinov
051719381a
- 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.
55 lines
1.7 KiB
TypeScript
55 lines
1.7 KiB
TypeScript
// https://nuxt.com/docs/api/configuration/nuxt-config
|
|
import { viteUriGuard } from './vite/vite-uri-guard'
|
|
|
|
export default defineNuxtConfig({
|
|
compatibilityDate: '2024-11-01',
|
|
devtools: { enabled: true },
|
|
|
|
app: {
|
|
baseURL: '/map/',
|
|
pageTransition: { name: 'page', mode: 'out-in' },
|
|
head: {
|
|
title: 'HnH Map',
|
|
meta: [{ charset: 'utf-8' }, { name: 'viewport', content: 'width=device-width, initial-scale=1' }],
|
|
link: [
|
|
{ rel: 'preconnect', href: 'https://fonts.googleapis.com' },
|
|
{ rel: 'preconnect', href: 'https://fonts.gstatic.com', crossorigin: '' },
|
|
{ rel: 'stylesheet', href: 'https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap' },
|
|
],
|
|
},
|
|
},
|
|
|
|
ssr: false,
|
|
|
|
runtimeConfig: {
|
|
public: {
|
|
apiBase: '/map/api',
|
|
},
|
|
},
|
|
|
|
modules: ['@nuxtjs/tailwindcss'],
|
|
tailwindcss: {
|
|
cssPath: '~/assets/css/app.css',
|
|
},
|
|
css: ['~/assets/css/app.css', 'leaflet/dist/leaflet.css', '~/assets/css/leaflet-overrides.css'],
|
|
|
|
vite: {
|
|
plugins: [viteUriGuard()],
|
|
optimizeDeps: {
|
|
include: ['leaflet'],
|
|
},
|
|
},
|
|
|
|
// Dev: proxy /map API, SSE and grids to Go backend (e.g. docker compose -f docker-compose.dev.yml)
|
|
nitro: {
|
|
devProxy: {
|
|
'/map/api': { target: 'http://backend:3080', changeOrigin: true },
|
|
'/map/updates': { target: 'http://backend:3080', changeOrigin: true },
|
|
'/map/grids': { target: 'http://backend:3080', changeOrigin: true },
|
|
},
|
|
},
|
|
|
|
// For cutover: set nitro.preset to 'static' and optionally copy .output/public to ../frontend
|
|
// nitro: { output: { dir: '../frontend' } },
|
|
})
|