tweaks

src/components/Item.vue

@@ -33,14 +33,8 @@ export default {
   name: 'news-item',
   props: ['item'],
   // https://github.com/vuejs/vue/blob/next/packages/vue-server-renderer/README.md#component-caching
-  serverCacheKey: props => {
-    return `${
-      props.item.id
-    }::${
-      props.item.__lastUpdated
-    }::${
-      timeAgo(props.item.time)
-    }`
+  serverCacheKey: ({ item: { id, __lastUpdated, time }}) => {
+    return `${id}::${__lastUpdated}::${timeAgo(time)}`
   }
 }
 </script>

src/components/Spinner.vue

@@ -8,7 +8,9 @@
 
 <script>
 export default {
-  props: ['show']
+  name: 'spinner',
+  props: ['show'],
+  serverCacheKey: props => props.show
 }
 </script>