assembly/nuxt.config.js

export default {
  ssr: !process.env.VERCEL,
  // Global page headers: https://go.nuxtjs.dev/config-head
  head: {
    title: 'Assembly',
    htmlAttrs: {
      lang: 'en'
    },
    meta: [
      { charset: 'utf-8' },
      { name: 'viewport', content: 'width=device-width, initial-scale=1' },
      { hid: 'description', name: 'description', content: 'The Open Source Dashboard for the Instadapp Protocol' },
      { name: 'format-detection', content: 'telephone=no' },
      { name: "msapplication-TileColor", content: "#ffffff" },
      { name: "msapplication-TileImage", content: "/ms-icon-144x144.png" },
      { name: "theme-color", content: "#ffffff" },

      // FB
      { hid: 'og_type', property: 'og:type', content: 'website' },
      { hid: 'og_url', property: 'og:url', content: 'https://assembly.instadapp.io/' },
      { hid: 'og_title', property: 'og:title', content: 'Assembly' },
      {
        hid: 'og_image',
        property: 'og:image',
        content: `https://assembly.instadapp.io/social.jpg`,
      },
      {
        hid: 'og_description',
        property: 'og:description',
        content: 'The Open Source Dashboard for the Instadapp Protocol',
      },

      // Twitter
      { hid: 'twitter_type', property: 'twitter:card', content: 'summary_large_image' },
      { hid: 'twitter_url', property: 'twitter:url', content: 'https://assembly.instadapp.io/' },
      { hid: 'twitter_title', property: 'twitter:title', content: 'Assembly' },
      {
        hid: 'twitter_image',
        property: 'twitter:image',
        content: `https://assembly.instadapp.io/social.jpg`,
      },
      {
        hid: 'twitter_description',
        property: 'twitter:description',
        content: 'The Open Source Dashboard for the Instadapp Protocol',
      },
    ],
    link: [
      { rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' },
      { rel: "apple-touch-icon", sizes: "57x57", href: "/apple-icon-57x57.png" },
      { rel: "apple-touch-icon", sizes: "60x60", href: "/apple-icon-60x60.png" },
      { rel: "apple-touch-icon", sizes: "72x72", href: "/apple-icon-72x72.png" },
      { rel: "apple-touch-icon", sizes: "76x76", href: "/apple-icon-76x76.png" },
      { rel: "apple-touch-icon", sizes: "114x114", href: "/apple-icon-114x114.png" },
      { rel: "apple-touch-icon", sizes: "120x120", href: "/apple-icon-120x120.png" },
      { rel: "apple-touch-icon", sizes: "144x144", href: "/apple-icon-144x144.png" },
      { rel: "apple-touch-icon", sizes: "152x152", href: "/apple-icon-152x152.png" },
      { rel: "apple-touch-icon", sizes: "180x180", href: "/apple-icon-180x180.png" },
      { rel: "icon", type: "image/png", sizes: "192x192", href: "/android-icon-192x192.png" },
      { rel: "icon", type: "image/png", sizes: "32x32", href: "/favicon-32x32.png" },
      { rel: "icon", type: "image/png", sizes: "96x96", href: "/favicon-96x96.png" },
      { rel: "icon", type: "image/png", sizes: "16x16", href: "/favicon-16x16.png" },
      { rel: "manifest", href: "/manifest.json" },
    ]
  },

  // Global CSS: https://go.nuxtjs.dev/config-css
  css: [
  ],
  env: {
    PORTIS_ID: process.env.PORTIS_ID,
    INFURA_ID: process.env.INFURA_ID,
  },

  publicRuntimeConfig: {
    INFURA_ID: process.env.INFURA_ID,
    PORTIS_ID: process.env.PORTIS_ID,
    TENDERLY_FORK_PATH: process.env.TENDERLY_FORK_PATH,
    TENDERLY_KEY: process.env.TENDERLY_KEY,
  },

  // Plugins to run before rendering page: https://go.nuxtjs.dev/config-plugins
  plugins: [
    "~/plugins/v-click-outside.js",
    // "~/plugins/web3modal.js",
    { src: '~/plugins/v-tooltip', mode: 'client' },
    { src: '~/plugins/v-clipboard2', mode: 'client' },
    { src: '~/plugins/pwa-update', mode: 'client' },
  ],

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

  // Modules for dev and build (recommended): https://go.nuxtjs.dev/config-modules
  buildModules: [
    // https://go.nuxtjs.dev/typescript
    '@nuxt/typescript-build',
    // https://go.nuxtjs.dev/tailwindcss
    '@nuxtjs/tailwindcss',
    '@nuxtjs/composition-api/module',
    // Doc: https://github.com/nuxt-community/google-fonts-module
    "@nuxtjs/google-fonts",
    "@nuxtjs/svg",
    '@nuxtjs/pwa',
  ],

  pwa: {
    meta: {
      appleStatusBarStyle: 'default',
    },

    icon: false,

    manifest: {
      "short_name": "Assembly",
      "name": "Instadapp - Assembly",
      "description": "The Open Source Dashboard for the Instadapp Protocol",
      "iconPath": "/android-icon-192x192.png",
      "providedBy": {
        "name": "InstaDApp Labs LLC",
        "url": "https://instadapp.io/"
      },
      "start_url": "/",
      "display": "minimal-ui",
      "theme_color": "#3F75FF",
      "background_color": "#ffffff",
      "icons": [
        {
          "src": "\/android-icon-36x36.png",
          "sizes": "36x36",
          "type": "image\/png",
          "density": "0.75"
        },
        {
          "src": "\/android-icon-48x48.png",
          "sizes": "48x48",
          "type": "image\/png",
          "density": "1.0"
        },
        {
          "src": "\/android-icon-72x72.png",
          "sizes": "72x72",
          "type": "image\/png",
          "density": "1.5"
        },
        {
          "src": "\/android-icon-96x96.png",
          "sizes": "96x96",
          "type": "image\/png",
          "density": "2.0"
        },
        {
          "src": "\/android-icon-144x144.png",
          "sizes": "144x144",
          "type": "image\/png",
          "density": "3.0"
        },
        {
          "src": "\/android-icon-192x192.png",
          "sizes": "192x192",
          "type": "image\/png",
          "density": "4.0"
        }
      ]
    }

  },
  googleFonts: {
    families: {
      Montserrat: [100, 200, 300, 400, 500, 600, 700, 800, 900]
    }
  },

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

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