⚡ use pwa module

nuxt.config.js

@@ -2,22 +2,21 @@ module.exports = {
   build: {
     extractCSS: true,
     extend(config, {isClient}) {
-      config.resolve.alias['create-api'] =
-        `./create-api-${isClient ? 'client' : 'server'}.js`
+      config.resolve.alias['create-api'] = `./create-api-${isClient ? 'client' : 'server'}.js`
     }
   },
   head: {
-    titleTemplate: 'Nuxt HN | %s',
+    titleTemplate: 'Nuxt HN | %s'
+  },
+  loading: {
+    color: '#ff6600'
   },
-  loading: {color: '#ff6600'},
   manifest: {
     theme_color: '#41B883'
   },
   modules: [
-    require('@nuxtjs/manifest'),
-    require('@nuxtjs/meta'),
-    require('@nuxtjs/workbox'),
-    require('@nuxtjs/component-cache')
+    '@nuxtjs/pwa',
+    '@nuxtjs/component-cache'
   ],
   plugins: [
     '~plugins/filters.js'

package.json

@@ -25,10 +25,8 @@
     "npm": ">=4.0"
   },
   "dependencies": {
-    "@nuxtjs/component-cache": "latest",
-    "@nuxtjs/manifest": "latest",
-    "@nuxtjs/meta": "latest",
-    "@nuxtjs/workbox": "latest",
+    "@nuxtjs/component-cache": "^0.1.3",
+    "@nuxtjs/pwa": "latest",
     "firebase": "^4.1.1",
     "nuxt": "1.0.0-alpha.3",
     "stylus": "^0.54.5",