blog/frontend/nuxt.config.ts

import { SITE_NAME } from './shared/utils/site'

// https://nuxt.com/docs/api/configuration/nuxt-config
export default defineNuxtConfig({
  compatibilityDate: '2025-07-15',
  devtools: { enabled: true },

  css: ['~/assets/css/main.css'],

  // Default auto-import prefixes nested component dirs with their path
  // (e.g. `components/views/HomeView.vue` -> `<ViewsHomeView>`) — disabled so
  // the it/en thin page wrappers can reference `<HomeView>` etc. directly.
  components: [{ path: '~/components', pathPrefix: false }],

  app: {
    head: {
      htmlAttrs: { lang: 'it' },
      titleTemplate: `%s · ${SITE_NAME}`,
      meta: [{ name: 'viewport', content: 'width=device-width, initial-scale=1' }],
      link: [
        { rel: 'icon', href: '/favicon.ico', sizes: '16x16 32x32 48x48 64x64' },
        { rel: 'apple-touch-icon', href: '/apple-touch-icon.png' },
      ],
    },
  },

  runtimeConfig: {
    // Server-only: internal PocketBase address, never exposed to the browser.
    pocketbaseUrl: 'http://localhost:8090',
    public: {
      // Canonical origin of the public website.
      siteUrl: 'http://localhost:3000',
      // Browser-reachable PocketBase origin, used to build absolute media URLs.
      pocketbaseUrl: 'http://localhost:8090',
    },
  },

  typescript: {
    strict: true,
  },

  modules: ['@nuxt/eslint'],
})