nuxt.config.ts

// https://nuxt.com/docs/api/configuration/nuxt-config
import { cloneDeep } from "lodash";
import getSiteMeta from "./utils/getSiteMeta";

const meta = getSiteMeta();

export default defineNuxtConfig({
  ssr: false,
  // vite: false,
  // builder: 'webpack',
  // env: {
  //   STRIPE_PK: process.env.STRIPE_KEY,
  //   HOSTNAME: process.env.HOSTNAME,
  //   baseUrl: process.env.BASE_URL || "http://localhost:8000",
  // },
  devtools: { enabled: false },
  app: {
    head: {
      htmlAttrs: {
        lang: "en-GB",
      },
      title:
        "Family Tree 365 - Start your family tree today - free! Your first tree is 100% free. Sign-up to begin your genealogy journey today!",
      script: [{ src: "https://js.stripe.com/v3" }],
      meta: [
        ...meta,
        { charset: "utf-8" },
        { name: "HandheldFriendly", content: "True" },
        { name: "viewport", content: "width=device-width, initial-scale=1" },
        { property: "og:site_name", content: "Family Tree 365" },
        {
          hid: "description",
          name: "description",
          content:
            "Our user-friendly yet powerful platform lets you create your own family tree the quick and easy way. No technical knowledge is required. Start your family tree today - free!",
        },
        { property: "og:image:width", content: "2500" },
        { property: "og:image:height", content: "780" },
        { name: "twitter:site", content: "@familytree365" },
        { name: "twitter:card", content: "summary_large_image" },
      ],
      link: [
        { rel: "icon", href: "/favicon.ico" },
        {
          hid: "canonical",
          rel: "canonical",
          href: process.env.BASE_URL,
        },
      ],
    },
  },
  runtimeConfig: {
    public: {
      baseUrl: process.env.BASE_URL || "http://localhost:8000",
    },
  },
  alias: {
    actions: "../actions",
  },
  modules: [
    [
      "@pinia/nuxt",
      {
        autoImports: ["defineStore", ["defineStore", "definePiniaStore"]],
      },
    ],
  ],
  css: [
    "animate.css/animate.compat.css",
    "~/assets/css/base.css",
    "~/assets/css/bulma.css",
    "~/assets/style/enso.scss",
    "~/assets/css/fontawesome.min.css",
    "@fortawesome/fontawesome-svg-core/styles.css",
    "~/assets/css/fan-chart/svg.css",
    "~/assets/css/fan-chart/fan-chart.css",
  ],
  plugins: [],
  // postcss: {
  //   plugins: [
  //     // List your PostCSS plugins here
  //     require('postcss-discard-comments'),
  //     // Add more plugins as needed
  //   ]
  // },
  // Build Configuration: https://go.nuxtjs.dev/config-build

  // webpack: {
  //   filenames: {
  //     app: ({ isDev }) => (isDev ? "[name].js" : "[chunkhash].js"),
  //     chunk: ({ isDev }) => (isDev ? "[name].js" : "[chunkhash].js"),
  //     css: ({ isDev }) => (isDev ? "[name].css" : "[contenthash].css"),
  //     img: ({ isDev }) => (isDev ? "[path][name].[ext]" : "img/[hash:7].[ext]"),
  //     font: ({ isDev }) =>
  //       isDev ? "[path][name].[ext]" : "fonts/[hash:7].[ext]",
  //     video: ({ isDev }) =>
  //       isDev ? "[path][name].[ext]" : "videos/[hash:7].[ext]",
  //   },
  //   transpile: [
  //     // "@enso-ui/strings",
  //     // "vee-validate/dist/rules",
  //     "@enso-ui/enums",
  //     "@sentry/browser",
  //     "@sentry/integrations",
  //     "@enso-ui/sentry",
  //     "@enso-ui/route-mapper",
  //     // "d3-dag",
  //   ],
  // },
  // hooks: {
  //   'webpack:config' (configs) {
  //     const isScssRule = (rule) => rule.test.toString() === "/\\.scss$/i";
  //     configs[0].module.rules.forEach((rule) => {
  //       if (isScssRule(rule)) {
  //         const normalRule = rule.oneOf.find(
  //           ({ resourceQuery, test }) =>
  //             resourceQuery === undefined && test === undefined
  //         );

  //         const lazyRule = cloneDeep(normalRule);

  //         lazyRule.test = /\.lazy\.scss$/;
  //         const idx = lazyRule.use.findIndex(({ loader }) =>
  //           loader.includes("vue-style-loader")
  //         );
  //         if (idx > -1) {
  //           lazyRule.use.splice(idx, 1, {
  //             loader: "style-loader",
  //             options: {
  //               injectType: "lazyStyleTag",
  //               insert: function insertAtTop(element) {
  //                 const parent = document.querySelector("head");
  //                 parent.insertBefore(element, parent.firstChild);
  //               },
  //             },
  //           });
  //         }

  //         rule.oneOf.push(lazyRule);
  //       }
  //     });
  //   },
  // },
  // 'vite:extendConfig' (clientConfig, { isClient, isServer }) {

  // },
  // vite: {
  //   css: {
  //     preprocessorOptions: {
  //       scss: {
  //         additionalData: '@use "@/assets/_colors.scss" as *;'
  //       }
  //     }
  //   }
  // }
  // nitro: {
  //   devProxy: {
  //     "/api/": process.env.BASE_URL || "http://localhost:8000",
  //     "/sanctum/": process.env.BASE_URL || "http://localhost:8000",
  //     "/broadcasting/": process.env.BASE_URL || "http://localhost:8000",
  //   }
  // },
});