Add cached-components example

examples/cached-components/nuxt.config.js

@@ -0,0 +1,3 @@
+module.exports = {
+  cache: true
+}

examples/cached-components/package.json

@@ -0,0 +1,11 @@
+{
+  "name": "nuxt-cached-components",
+  "dependencies": {
+    "nuxt": "latest"
+  },
+  "scripts": {
+    "dev": "nuxt",
+    "build": "nuxt build",
+    "start": "nuxt start"
+  }
+}

examples/cached-components/pages/index.vue

@@ -0,0 +1,20 @@
+<template>
+  <div>
+    <h1>Cached components</h1>
+    <p>Look at the source code and see how the timestamp is not reloaded before 10s after refreshing the page.</p>
+    <p>Timestamp: {{ date }}</p>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'date',
+  serverCacheKey () {
+    // Will change every 10 secondes
+    return Math.floor(Date.now() / 10000)
+  },
+  data () {
+    return { date: Date.now() }
+  }
+}
+</script>