text: import colors from "vuetify/es5/util/colors";
  import config from "./config";
  const { host, port } = config;
  
  export default {
    mode: "spa",
    /*
     ** Headers of the page
     */
    // prettier-ignore
    head: {
      // titleTemplate: "%s - " + process.env.npm_package_name,
      // title: process.env.npm_package_name || "",
      title: "I love you.",
      meta: [
        { charset: "utf-8" },
        { name: "viewport", content: "width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" },
        { hid: "description", name: "description", content: process.env.npm_package_description || "" }
      ],
      link: [
        { rel: "icon", type: "image/x-icon", href: "/favicon.ico" },
        { rel: "stylesheet", href: "https://fonts.googleapis.com/css2?family=Lilita+One&family=Montserrat&display=swap" },
        { rel: "stylesheet", href: "https://fonts.googleapis.com/css?family=Pacifico&display=swap" }
      ]
    },
    /*
     ** Customize the progress-bar color
     */
    loading: { color: "#fff" },
    /*
     ** Global CSS
     */
    css: [],
    /*
     ** Plugins to load before mounting the App
     */
    plugins: ["~/plugins/vue-typed.js", "~/plugins/vue-particles.js"],
    /*
     ** Nuxt.js dev-modules
     */
    buildModules: ["@nuxtjs/vuetify"],
    /*
     ** Nuxt.js modules
     */
    modules: [
      // Doc: https://axios.nuxtjs.org/usage
      "@nuxtjs/axios",
      "@nuxtjs/pwa"
    ],
    /*
     ** Axios module configuration
     ** See https://axios.nuxtjs.org/options
     */
    axios: {},
    /*
     ** vuetify module configuration
     ** https://github.com/nuxt-community/vuetify-module
     */
    vuetify: {
      customVariables: ["~/assets/variables.scss"],
      theme: {
        dark: false,
        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
          }
        }
      }
    },
    server: {
      port,
      host
    },
    /*
     ** Build configuration
     */
    build: {
      /*
       ** You can extend webpack config here
       */
      extend(config, ctx) {
        config.module.rules.push({
          test: /\.(ogg|mp3|wav|mpe?g)$/i,
          loader: "file-loader",
          options: {
            name: "~/assets/music.mp3"
          }
        });
      }
    }
  };
  