nuxt.config.js

export default {
  /*
   ** Nuxt rendering mode
   ** See https://nuxtjs.org/api/configuration-mode
   */
  // mode: "universal", // deprecaded
  /*
   ** Nuxt target
   ** See https://nuxtjs.org/api/configuration-target
   */
  target: "server",

  /**
   * this brings in environment variables to public and private nuxt references
   */
  publicRuntimeConfig: {
    network: "rinkeby",
    infuraUrlRinkeby: process.env.INFURA_URL_RINKEBY,
    infuraUrlMain: process.env.INFURA_URL_RINKEBY,
    baseUrl: process.env.BASE_URL,
    rootUrl:
      process.env.PROD_BASE_URL ||
      process.env.STAGING_BASE_URL ||
      process.env.DEV_BASE_URL,
    factoryContract:
      process.env.PROD_FACTORY_CONTRACT ||
      process.env.STAGING_FACTORY_CONTRACT ||
      process.env.DEV_FACTORY_CONTRACT,
    requiredNetwork:
      process.env.PROD_NETWORK ||
      process.env.STAGING_NETWORK ||
      process.env.DEV_NETWORK,
    infuraUrl:
      process.env.PROD_INFURA_URL ||
      process.env.STAGING_INFURA_URL ||
      process.env.DEV_INFURA_URL,
    ARWEAVE_WALLET_ID: process.env.ARWEAVE_WALLET_ID,
    ARWEAVE_WALLET_KEY: process.env.ARWEAVE_WALLET_KEY,
    VERCEL_ENV: process.env.VERCEL_ENV,
    VERCEL_GIT_REPO_SLUG: process.env.VERCEL_GIT_REPO_SLUG,
    VERCEL_GIT_COMMIT_SHA: process.env.VERCEL_GIT_COMMIT_SHA,
    VERCEL_GIT_COMMIT_MESSAGE: process.env.VERCEL_GIT_COMMIT_MESSAGE,
  },
  env: {
    tempUrl:
      process.env.PROD_BASE_URL ||
      process.env.STAGING_BASE_URL ||
      process.env.DEV_BASE_URL ||
      "http://localhost:3333",
  },
  /*
   ** Headers of the page
   ** See https://nuxtjs.org/api/configuration-head
   */
  head: {
    title: "InfiNFT",
    meta: [
      { charset: "utf-8" },
      { name: "viewport", content: "width=device-width, initial-scale=1" },
      { hid: "og:site_name", name: "og:site_name", content: "InfiNFT" },
      {
        hid: "description",
        name: "description",
        content:
          "A NFT platform with a focus on extendability, flexibility, and on-chain data.",
      },
      // { hid: "og:type", name: "og:type", content: "website" },
      // { hid: "og:title", name: "og:title", content: "InfiNFT" },
      // {
      //   hid: "description",
      //   name: "description",
      //   content: process.env.npm_package_description || "",
      // },
      // {
      //   hid: "og:description",
      //   name: "og:description",
      //   content: process.env.npm_package_description,
      // },
      {
        hid: "ogimage2",
        name: "og:image",
        // content: "/images/preview.jpg",
        content: "https://staging.infinft.app/_nuxt/assets/images/preview.jpg",
      },
    ],
    link: [
      { rel: "icon", type: "image/x-icon", href: "/favicon.ico" },
      {
        rel: "stylesheet",
        href:
          "https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap",
      },
    ],
    script: [
      {
        src: "https://cdnjs.cloudflare.com/ajax/libs/axios/0.19.2/axios.min.js",
      },
      {
        src: "https://cdn.jsdelivr.net/npm/web3@latest/dist/web3.min.js",
      },
      {
        src: "/arweaveFinal.js",
      },
      {
        src: "https://cdn.rawgit.com/daishihmr/vox.js/1.0.1/build/vox.min.js",
      },
      // {
      //   src: "https://unpkg.com/@google/model-viewer/dist/model-viewer.min.js",
      //   type: "module",
      // },
      // {
      //   nomodule: true,
      //   src:
      //     "https://unpkg.com/@google/model-viewer/dist/model-viewer-legacy.js",
      // },
    ],
  },
  /*
   ** Global CSS
   */
  css: [
    "@/assets/css/main.css",
    "@/assets/css/style.css",
    // SCSS file in the project
    // '@/assets/css/main.scss'
  ],
  /*
   ** Plugins to load before mounting the App
   ** https://nuxtjs.org/guide/plugins
   */
  plugins: [
    { src: "~/plugins/localStorage.js", ssr: false },
    { src: "~plugins/vue-js-modal.js" }, // mode: 'client'
    // { src: "~plugins/arweaveInit.js" }, // mode: 'client'
    // { src: '~plugins/web3Load.js' },
    // { src: '~plugins/arweaveFinal.js' },
  ],
  /*
   ** Auto import components
   ** See https://nuxtjs.org/api/configuration-components
   */
  components: true,
  /*
   ** Nuxt.js dev-modules
   */
  buildModules: [
    // Doc: https://github.com/nuxt-community/eslint-module
    "@nuxtjs/eslint-module",
    "@nuxtjs/google-analytics",
  ],
  googleAnalytics: {
    id: "UA-183944269-2",
  },
  /*
   ** Nuxt.js modules
   */
  modules: [
    // Doc: https://axios.nuxtjs.org/usage
    "@nuxtjs/axios",
    "@nuxtjs/pwa",
    // Doc: https://github.com/nuxt/content
    // "@nuxt/content",
    // 'vue-ethereum/nuxt',
  ],
  /*
   ** Axios module configuration
   ** See https://axios.nuxtjs.org/options
   */
  axios: {
    proxy: true,
  },
  /*
   ** Content module configuration
   ** See https://content.nuxtjs.org/configuration
   */
  content: {},
  /*
   ** Build configuration
   ** See https://nuxtjs.org/api/configuration-build/
   */
  build: {
    // Add exception
    transpile: ["vee-validate/dist/rules"],
    /*
     ** You can extend webpack config here
     */
    // extend(config, ctx) {
    // ...
    // },
    friendlyErrors: false,
  },
};