const NodePolyfillPlugin = require('node-polyfill-webpack-plugin')

module.exports = {
	configureWebpack: {
		plugins: [
			new NodePolyfillPlugin()
		]
	},
	transpileDependencies: [
		'vuetify'
	],
	pwa: {
		name: 'Piped Material',
		themeColor: '#efcac3',
		msTileColor: '',
		appleMobileWebAppCapable: 'yes',
		appleMobileWebAppStatusBarStyle: 'black',
		iconPaths: {
			faviconSVG: null
		},

		workboxOptions: {
			cleanupOutdatedCaches: true,
			navigateFallback: 'index.html',
			skipWaiting: true,
			runtimeCaching: [
				{
					urlPattern: /\.(?:png|svg|ico)$/,
					handler: 'CacheFirst'
				}
			]
		}
	},
	devServer: {
		allowedHosts: 'all',
		client: {
			webSocketURL: 'auto://0.0.0.0:0/ws'
		}
	},

	productionSourceMap: false,
	lintOnSave: false
}