text: const colors = require("vuetify/es5/util/colors").default;
  
  module.exports = {
    mode: "spa",
    /*
     ** Headers of the page
     */
    head: {
      titleTemplate: "%s - " + process.env.npm_package_name,
      title: process.env.npm_package_name || "",
      meta: [
        { charset: "utf-8" },
        { name: "viewport", content: "width=device-width, initial-scale=1" },
        {
          hid: "description",
          name: "description",
          content: process.env.npm_package_description || ""
        }
      ],
      link: [
        {
          rel: "stylesheet",
          href:
            "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.10.2/css/all.min.css"
        }
      ]
    },
    /*
     ** Customize the progress-bar color
     */
    loading: { color: "#fff" },
    /*
     ** Global CSS
     */
    css: [{ src: "~/assets/variables.scss", lang: "scss" }],
    /*
     ** Plugins to load before mounting the App
     */
  
    plugins: [{ src: "~/plugins/socket-io" }],
  
    /*
     ** Nuxt.js dev-modules
     */
    buildModules: ["@nuxtjs/vuetify"],
    /*
     ** Nuxt.js modules
     */
  
    module: {},
  
    /*
     ** vuetify module configuration
     ** https://github.com/nuxt-community/vuetify-module
     */
    vuetify: {
      customVariables: ["~/assets/variables.scss"],
      theme: {
        dark: true,
        themes: {
          dark: {
            primary: colors.blue.darken2,
            accent: colors.grey.darken3,
            secondary: colors.amber.darken3,
            info: colors.teal.lighten1,
            warning: colors.amber.base,
            error: colors.deepOrange.accent4,
            success: colors.green.accent3
          }
        }
      }
    },
    /*
     ** Build configuration
     */
    build: {
      /*
       ** You can extend webpack config here
       */
      extend(config, ctx) {
        let vueLoader = config.module.rules.find(
          rule => rule.loader === "vue-loader"
        );
      }
    }
  };
  