site_logiciels/nuxt.config.ts

import fs from "fs";
import vuetify from "vite-plugin-vuetify";
import type { NuxtI18nOptions } from "@nuxtjs/i18n";

let https = {}

let transpile = ['vuetify', 'pinia', 'pinia-orm', 'date-fns']

if (!process.env.NUXT_ENV) {
  throw Error('Missing environment file - Run yarn install')
}

if (process.env.NUXT_ENV === 'dev') {
  https = {
    key: fs.readFileSync('env/local.portail_v2.opentalent.fr.key'),
    cert: fs.readFileSync('env/local.portail_v2.opentalent.fr.crt'),
  }
} else {
  transpile.push('lodash')
}

/**
 * Nuxt configuration
 *
 * @see https://nuxt.com/docs/api/configuration/nuxt-config
 */
export default defineNuxtConfig({
  ssr: false,
  title: "Opentalent",
  runtimeConfig: {
    // Private config that is only available on the server
    env: "",
    apiBaseUrl: "",
    agendaBaseUrl: "",
    hCaptchaSiteKey: "35360874-ebb1-4748-86e3-9b156d5bfc53",
    // Config within public will be also exposed to the client
    public: {
      env: "",
      apiBaseUrl: "",
      agendaBaseUrl: "",
      hCaptchaSiteKey: "35360874-ebb1-4748-86e3-9b156d5bfc53",
    },
  },
  css: [
    "~/assets/style/main.scss",
    "~/assets/style/theme.scss",
  ],
  hooks: {
    "builder:watch": console.log,
  },
  app: {
    head: {
      title: "Opentalent",
      meta: [
        { charset: "utf-8" },
        { name: "viewport", content: "width=device-width, initial-scale=1" },
        { hid: "description", name: "description", content: "" },
      ],
      link: [
        { rel: "icon", type: "image/x-icon", href: "/favicon.ico" },
        {
          rel: "stylesheet",
          href: "https://fonts.googleapis.com/css2?family=Barlow:wght@400;500;700&display=swap",
        },
      ],
      script: [
        // Google Analytics
        { 
          src: 'https://www.googletagmanager.com/gtag/js?id=G-L8PZ9TEFNX',
          async: true
        },
        {
          innerHTML: `
            window.dataLayer = window.dataLayer || [];
            function gtag(){dataLayer.push(arguments);}
            gtag('js', new Date());
            gtag('config', 'G-L8PZ9TEFNX');
          `,
          type: 'text/javascript'
        },
         // Meta Pixel
         {
          src: 'https://connect.facebook.net/en_US/fbevents.js',
          async: true
        },
        {
          innerHTML: `
            !function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?
            n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n;
            n.push=n;n.loaded=!0;n.version='2.0';n.queue=[];t=b.createElement(e);t.async=!0;
            t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window,
            document,'script','https://connect.facebook.net/en_US/fbevents.js');
            fbq('init', '1045498113172655');
            fbq('track', 'PageView');
          `,
          type: 'text/javascript'
        }
      ],
    },
  },
  typescript: {
    strict: true,
  },
  modules: [
    async (options, nuxt) => {
      nuxt.hooks.hook(
        "vite:extendConfig",
        (config) =>
          (config.plugins ?? []).push(
            vuetify()
            //Remplacer par cela quand l'issue https://github.com/vuetifyjs/vuetify-loader/issues/273 sera règlée..
            // voir aussi : https://github.com/nuxt/nuxt/issues/15412 et https://github.com/vuetifyjs/vuetify-loader/issues/290
            // vuetify({
            //     styles: { configFile: './assets/css/settings.scss' }
            // })
          ) as any
      );
    },
    [
      "@pinia/nuxt",
      {
        autoImports: [
          // automatically imports `usePinia()`
          "defineStore",
          // automatically imports `usePinia()` as `usePiniaStore()`
          ["defineStore", "definePiniaStore"],
        ],
      },
    ],
    "@pinia-orm/nuxt",
    "nuxt-lodash",
    "@nuxtjs/i18n",
    "@nuxt/devtools",
    'nuxt3-leaflet'
  ],
  router: {
    options: {
      scrollBehaviorType: 'smooth'
    }
  },
  webfontloader: {
    google: {
      families: ["Barlow:300,400,500,700&display=swap"],
    },
  },
  devtools: {
    // @see https://github.com/nuxt/devtools
    enabled: true,
  },
  vite: {
    esbuild: {
      drop: process.env.DEBUG ? [] : ["console", "debugger"],
      tsconfigRaw: {
        compilerOptions: {
          experimentalDecorators: true,
        }
      }
    },
    ssr: {
      noExternal: ["vuetify"],
    },
    server: {
      https,
      //@ts-ignore
      port: 443,
      hmr: {
        protocol: "wss",
        port: 24680
      },
    },
  },
  vuetify: {
    styles: { configFile: "src/vuetify.scss" },
  },
  i18n: {
    langDir: "lang",
    lazy: true,
    locales: [
      {
        code: "fr",
        iso: "fr-FR",
        file: "fr.json",
        name: "Français",
      },
    ],
    defaultLocale: "fr",
    detectBrowserLanguage: false,
  } as NuxtI18nOptions,
  build: {
    transpile: transpile,
  },
});