module.exports = {
  transpileDependencies: [
    'vuetify'
  ],
  devServer: {
  host: '0.0.0.0',
  port: 8080,
  allowedHosts: 'all',
  proxy: 'http://localhost:1432'
  },
  pwa: {
    name: 'Noisedash',
    themeColor: '#121212',
    backgroundColor: '#121212',
    display: 'standalone',
    startUrl: '/',
    manifestOptions: {
      short_name: 'Noisedash',
      description: 'Ambient noise generator',
      categories: ['music', 'audio', 'productivity'],
      display_override: ['standalone', 'browser'],
      orientation: 'any'
    },
    iconPaths: {
      favicon32: 'favicon.ico',
      favicon16: 'favicon.ico',
      appleTouchIcon: 'favicon.ico',
      maskIcon: 'favicon.ico',
      msTileImage: 'favicon.ico'
    },
    workboxPluginMode: 'GenerateSW',
    workboxOptions: {
      cleanupOutdatedCaches: true,
      skipWaiting: true,
      clientsClaim: true,
      offlineGoogleAnalytics: false,
      runtimeCaching: [
        {
          urlPattern: /\.(?:png|jpg|jpeg|svg|gif|webp|mp3|wav|ogg)$/,
          handler: 'CacheFirst',
          options: {
            cacheName: 'assets-cache',
            expiration: { maxEntries: 60, maxAgeSeconds: 7 * 24 * 60 * 60 },
            cacheableResponse: { statuses: [0, 200] }
          }
        }
      ]
    }
  }
}