nuxt.config.js

export default {
  // Target: https://go.nuxtjs.dev/config-target
  target: "static",

  // Global page headers: https://go.nuxtjs.dev/config-head
  head: {
    title: "React Network",
    htmlAttrs: {
      lang: "en",
    },
    meta: [
      { charset: "utf-8" },
      { name: "viewport", content: "width=device-width, initial-scale=1" },
      {
        hid: "description",
        name: "description",
        content: "POWERED BY PEOPLE. Connect. Conserve. Earn. Sustain.",
      },
      { name: "format-detection", content: "telephone=no" },
    ],
    link: [
      {
        rel: "icon",
        type: "image/x-icon",
        href: "/images/logo-footer.svg",
      },
    ],
    script: [
      {
        src: "https://cdn.jsdelivr.net/npm/@google/model-viewer@1.9.2/dist/model-viewer-umd.min.js",
        async: true,
        crossorigin: "anonymous",
      },
    ],
  },

  // // Global CSS: https://go.nuxtjs.dev/config-css
  css: ["~/assets/styles/global.scss"],
  // Sass resources available to VUE files
  styleResources: {
    scss: [
      "~/assets/styles/resources/_vars.scss",
      "~/assets/styles/resources/_mixins.scss",
      "~/assets/styles/resources/_typography_mixins.scss",
    ],
  },

  // Plugins to run before rendering page: https://go.nuxtjs.dev/config-plugins
  plugins: [
    { src: "~/plugins/flickity", ssr: false },
    { src: "~/plugins/vuescrollto", ssr: false },
    "~/plugins/preview.client.js",
  ],

  // Auto import components: https://go.nuxtjs.dev/config-components
  components: true,

  // Modules for dev and build (recommended): https://go.nuxtjs.dev/config-modules
  buildModules: ["@nuxtjs/style-resources", "nuxt-graphql-request"],

  graphql: {
    clients: {
      default: {
        endpoint: process.env.WP_GRAPHQL_ENDPOINT,
      },
    },
  },
  generate: {
    fallback: true,
  },

  // Modules: https://go.nuxtjs.dev/config-modules
  modules: [],

  // Build Configuration: https://go.nuxtjs.dev/config-build
  build: {},
};