nuxt.config.ts 1.58 KB
// https://nuxt.com/docs/api/configuration/nuxt-config
export default defineNuxtConfig({
  compatibilityDate: '2024-11-01',
  devtools: { enabled: true },

  app: {
    head: {
      title: 'TMDB Movie App',
      htmlAttrs: {
        lang: "fr",
      },
      meta: [
        { charset: 'utf-8' },
        { name: 'viewport', content: 'width=device-width, initial-scale=1' },
        { name: 'description', content: 'Application de films utilisant l\'API TMDB' },
        { name: "format-detection", content: "telephone=no" },
      ],
      link: [
        { rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' }
      ]
    }
  },

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

  modules: [
    '@nuxt/eslint',
    '@nuxt/icon',
    '@nuxt/image',
    [
      "@pinia/nuxt",
      {
        autoImports: [
          // Automatically imports.
          "defineStore", // Equal : import { defineStore } from 'pinia'.
          ["defineStore", "definePiniaStore"], // Equal : import { defineStore as definePiniaStore } from 'pinia'.
        ],
      },
    ],
    'pinia-plugin-persistedstate/nuxt',
    '@nuxt/scripts',
    '@nuxt/test-utils',
    '@nuxt/ui',
    '@nuxtjs/tailwindcss',
    '@vueuse/nuxt',
  ],
  // Persisted state config.
  piniaPluginPersistedstate: {
    storage: 'localStorage',
    cookieOptions: {
      sameSite: 'lax',
    },
    debug: true,
  },

  runtimeConfig: {
    // The private keys which are only available server-side.
    apiSecret: "123",
    // Keys within public are also exposed client-side.
    public: {
      apiTMDBSecret: process.env.NUXT_ENV_TMDB_API_KEY,
    },
  },
})