nuxt.config.js

import colors from 'vuetify/es5/util/colors'
import {AVAILABLE_TEAMS} from './utils/constants';
import { defineNuxtConfig } from '@nuxt/bridge'

export default defineNuxtConfig({
  // Target (https://go.nuxtjs.dev/config-target)
  target: 'static',

  bridge: false, // Temporarily disable bridge integration
  ssr: true,

  // Global page headers (https://go.nuxtjs.dev/config-head)
  head: {
    title: '[LiveStreamNorge] Streamere i Norge',
    meta: [
      {charset: 'utf-8'},
      {name: 'viewport', content: 'width=device-width, initial-scale=1'},
      {hid: 'description', name: 'description', content: 'Hold deg oppdatert med dine favoritt norske streamere. En liste over strømmer på mange plattformer, med live status, streamtittel, antall seere og mer!'},
      {
        property: 'og:type',
        content: 'en_US'
      },
      {
        property: 'og:title',
        content: '[LiveStreamNorge] Streamere i Norge'
      },
      {
        property: 'og:description',
        content: 'Hold deg oppdatert med dine favoritt norske streamere. En liste over strømmer på mange plattformer, med live status, streamtittel, antall seere og mer'
      },
      {
        property: 'og:site_name',
        content: 'LiveStreamNorge'
      },
      {
        property: 'article:publisher',
        content: 'https://www.facebook.com/livestreamnorge'
      },
      {
        property: 'og:image',
        content: 'https://livestreamnorge.no/wp-content/uploads/2020/02/LivestreamNorge_Facebook.jpg'
      },
      {
        property: 'og:image:width',
        content: '1200'
      },
      {
        property: 'og:image:height',
        content: '630'
      },
      {
        property: 'twitter:image',
        content: 'https://livestreamnorge.no/wp-content/uploads/2020/02/LivestreamNorge_Facebook.jpg'
      },
      {
        property: 'twitter:card',
        content: 'summary_large_image'
      },
      {
        property: 'twitter:site',
        content: '@LivestreamNorge'
      },
    ],
    link: [
      {rel: 'icon', type: 'image/x-icon', href: '/favicon.ico'}
    ]
  },

  // Global CSS (https://go.nuxtjs.dev/config-css)
  css: [
  ],

  router: {
    base: '/',
    middleware: ['discordRedirects'],
  },

  // Plugins to run before rendering page (https://go.nuxtjs.dev/config-plugins)
  plugins: [
    {src: '~/plugins/timeago.js'},
    //{ src:'~/plugins/plausible.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: [
    // https://go.nuxtjs.dev/vuetify
    '@nuxtjs/vuetify',
    '@nuxtjs/pwa',
  ],

  pwa: {
    meta: {
      name: '[LiveStreamNorge]',
      author: 'datagutt',
      description: 'Hold deg oppdatert med dine favoritt norske streamere. En liste over strømmer på mange plattformer, med live status, streamtittel, antall seere og mer!',
      ogHost: 'lsn.dat.cloud',
      ogImage: true
    },
    manifest: {
      name: '[LiveStreamNorge]',
      short_name: '[LSN]',
      description: 'Hold deg oppdatert med dine favoritt norske streamere. En liste over strømmer på mange plattformer, med live status, streamtittel, antall seere og mer!',
      orientation: 'portrait',
      categories: ['entertainment', 'social'],
      display: 'standalone',
      theme_color: '#1e1e1e',
      background_color: '#1e1e1e',
    },
    workbox: {
      cleanupOutdatedCaches: true,
      runtimeCaching: [
        {
          urlPattern: 'https://fonts.googleapis.com',
          handler: 'NetworkFirst',
          method: 'GET',
          strategyOptions: {
            cacheName: 'assets',
            cacheExpiration: {
              maxEntries: 10,
              maxAgeSeconds: 60 * 60 * 24, // ( 1 day ) 1 year
              purgeOnQuotaError: true,
            }
          },
        },
        {
          urlPattern: 'https://fonts.gstatic.com',
          handler: 'StaleWhileRevalidate',
          method: 'GET',
          strategyOptions: {
            cacheName: 'assets',
            cacheExpiration: {
              maxEntries: 10,
              maxAgeSeconds: 60 * 60 * 24, // ( 1 day ) 1 year
              purgeOnQuotaError: true,
            }
          },
        },
      ],
      offlineAssets: [
        '/defaultAvatar.webp',
        '/platforms/tiktok.svg',
        '/platforms/dlive.png',
        '/platforms/robotstreamer.png',
        '/platforms/trovo.png',
        '/platforms/twitch.png',
        '/platforms/youtube.png',
        '/platforms/guac.png',
        '/platforms/kick.svg',
        '/platforms/angelthump.png',
      ]
    }
  },
  i18n: {
    locales: ['en', 'nb'],
    defaultLocale: 'nb',
    vueI18n: {
      fallbackLocale: 'en',
      messages: {
        en: {
          choiceQuote: 'Choice quote:',
          live: 'LIVE',
          offline: 'OFFLINE',
          filter: 'Filter',
          privacyPolicy: 'Privacy Policy',
          streamersInTeam: 'Streamers in team',
          sourceCode: "Source code",
          lastUpdated: "Last updated",
          featured: 'Featured stream',
          onlineStreams: 'Online streams',
          offlineStreams: 'Offline streams'
        },
        nb: {
          choiceQuote: 'Utvalgt sitat:',
          live: 'DIREKTE',
          offline: 'OFFLINE',
          filter: 'Sorter',
          privacyPolicy: 'Personvern',
          sourceCode: "Kildekode",
          streamersInTeam: 'Streamere i team',
          lastUpdated: "Sist oppdatert",
          featured: 'Utvalgt stream',
          onlineStreams: 'Direktesendinger',
          offlineStreams: 'Offline sendinger'
        },
      }
    },
  },
  // Modules (https://go.nuxtjs.dev/config-modules)
  modules: [
    // https://go.nuxtjs.dev/axios
    '@nuxtjs/axios',
    ["nuxt-rfg-icon", {masterPicture: "static/icon.png"}],
    '@nuxtjs/pwa',
    'vue-plausible',
    ['@nuxtjs/i18n', {
      detectBrowserLanguage: {
        useCookie: true,
        cookieKey: 'i18n_redirected',
        redirectOn: 'root'
      }
    }],
  ],

  // Axios module configuration (https://go.nuxtjs.dev/config-axios)
  axios: {},

  generate: {
    crawler: true,
    fallback: true,
    routes(callback) {
      var routes = AVAILABLE_TEAMS.map(team => {
        return '/team/' + team.value
      });
      routes.push('/discord');
      callback(null, routes);
    }
  },

  // Vuetify module configuration (https://go.nuxtjs.dev/config-vuetify)
  vuetify: {
    customVariables: ['~/assets/variables.scss'],
    theme: {
      dark: true,
      themes: {
        dark: {
          primary: "#eb19ff",
          accent: colors.grey.darken1,
          cardback: colors.grey.darken4,
          'image-back': '#151515',
          'grey-darken2': colors.grey.darken2,
          secondary: "#ff2fea",
          info: colors.blue.lighten1,
          warning: colors.amber.base,
          error: colors.deepOrange.accent4,
          success: colors.green.accent3
        },
        light: {
          primary: colors.teal.lighten2,
          accent: colors.grey.base,
          cardback: colors.grey.lighten5,
          'image-back': '#151515',
          'grey-darken2': colors.grey.darken2,
          secondary: "#ff2fea",
          info: colors.blue.lighten1,
          warning: colors.amber.base,
          error: colors.deepOrange.accent4,
          success: colors.green.accent3
        }
      }
    }
  },

  // Build Configuration (https://go.nuxtjs.dev/config-build)
  build: {
    babel: {
      plugins: [
        ['@babel/plugin-proposal-private-methods', {loose: true}]
      ]
    }
  }
});