Change page titles to Nostalgia HN

Author: Philipp Eisen

manifest.json

@@ -1,37 +1,37 @@
 {
-  "name": "Vue Hackernews 2.0",
-  "short_name": "Vue HN",
+  "name": "Nostalgia HN",
+  "short_name": "N7a HN",
   "icons": [{
-      "src": "/public/logo-120.png",
-      "sizes": "120x120",
-      "type": "image/png"
-    }, {
-      "src": "/public/logo-144.png",
-      "sizes": "144x144",
-      "type": "image/png"
-    }, {
-      "src": "/public/logo-152.png",
-      "sizes": "152x152",
-      "type": "image/png"
-    }, {
-      "src": "/public/logo-192.png",
-      "sizes": "192x192",
-      "type": "image/png"
-    }, {
-      "src": "/public/logo-256.png",
-      "sizes": "256x256",
-      "type": "image/png"
-    }, {
-      "src": "/public/logo-384.png",
-      "sizes": "384x384",
-      "type": "image/png"
-    }, {
+    "src": "/public/logo-120.png",
+    "sizes": "120x120",
+    "type": "image/png"
+  }, {
+    "src": "/public/logo-144.png",
+    "sizes": "144x144",
+    "type": "image/png"
+  }, {
+    "src": "/public/logo-152.png",
+    "sizes": "152x152",
+    "type": "image/png"
+  }, {
+    "src": "/public/logo-192.png",
+    "sizes": "192x192",
+    "type": "image/png"
+  }, {
+    "src": "/public/logo-256.png",
+    "sizes": "256x256",
+    "type": "image/png"
+  }, {
+    "src": "/public/logo-384.png",
+    "sizes": "384x384",
+    "type": "image/png"
+  }, {
     "src": "/public/logo-512.png",
     "sizes": "512x512",
     "type": "image/png"
-    }],
+  }],
   "start_url": "/",
   "background_color": "#f2f3f5",
   "display": "standalone",
   "theme_color": "#f60"
-}
+}

server.js

@@ -16,7 +16,7 @@ const serverInfo =
 
 const app = express()
 
-function createRenderer (bundle, options) {
+function createRenderer(bundle, options) {
   // https://github.com/vuejs/vue/blob/dev/packages/vue-server-renderer/README.md#why-use-bundlerenderer
   return createBundleRenderer(bundle, Object.assign(options, {
     // for component caching
@@ -78,7 +78,7 @@ app.use('/service-worker.js', serve('./dist/service-worker.js'))
 // https://www.nginx.com/blog/benefits-of-microcaching-nginx/
 app.use(microcache.cacheSeconds(1, req => useMicroCache && req.originalUrl))
 
-function render (req, res) {
+function render(req, res) {
   const s = Date.now()
 
   res.setHeader("Content-Type", "text/html")
@@ -87,7 +87,7 @@ function render (req, res) {
   const handleError = err => {
     if (err.url) {
       res.redirect(err.url)
-    } else if(err.code === 404) {
+    } else if (err.code === 404) {
       res.status(404).send('404 | Page Not Found')
     } else {
       // Render Error Page or Redirect
@@ -98,7 +98,7 @@ function render (req, res) {
   }
 
   const context = {
-    title: 'Vue HN 2.0', // default title
+    title: 'Nostalgia HN', // default title
     url: req.url
   }
   renderer.renderToString(context, (err, html) => {

src/util/title.js

@@ -1,4 +1,4 @@
-function getTitle (vm) {
+function getTitle(vm) {
   const { title } = vm.$options
   if (title) {
     return typeof title === 'function'
@@ -8,19 +8,19 @@ function getTitle (vm) {
 }
 
 const serverTitleMixin = {
-  created () {
+  created() {
     const title = getTitle(this)
     if (title) {
-      this.$ssrContext.title = `Vue HN 2.0 | ${title}`
+      this.$ssrContext.title = `Nostalgia HN | ${title}`
     }
   }
 }
 
 const clientTitleMixin = {
-  mounted () {
+  mounted() {
     const title = getTitle(this)
     if (title) {
-      document.title = `Vue HN 2.0 | ${title}`
+      document.title = `Nostalgia HN | ${title}`
     }
   }
 }