add suggestions

Author: Shadowbeetle

README.md

@@ -1,8 +1,8 @@
 <template>
     <div>
         <p>{{ pageType }} page</p>
-        <pre>{{ new Date().toUTCString() }} </pre>
-        <pre>{{ data }}</pre>
+        <pre>Time after hydration: {{ new Date().toUTCString() }} </pre>
+        <pre>Time in server rendered HTML: {{ data }}</pre>
         <NuxtLink to="/">Home</NuxtLink>
     </div>
 </template>

package-lock.json

@@ -1,8 +1,8 @@
 <template>
     <div>
         <p>{{ pageType }} page</p>
-        <pre>{{ new Date().toUTCString() }} </pre>
-        <pre>{{ data }}</pre>
+        <pre>Time after hydration: {{ new Date().toUTCString() }} </pre>
+        <pre>Time in server rendered HTML: {{ data }}</pre>
         <NuxtLink to="/">Home</NuxtLink>
     </div>
 </template>

pages/isr_no_ttl.vue

@@ -1,8 +1,8 @@
 <template>
     <div>
         <p>{{ pageType }} page</p>
-        <pre>{{ new Date().toUTCString() }} </pre>
-        <pre>{{ data }}</pre>
+        <pre>Time after hydration: {{ new Date().toUTCString() }} </pre>
+        <pre>Time in server rendered HTML: {{ data }}</pre>
         <NuxtLink to="/">Home</NuxtLink>
     </div>
 </template>

pages/isr_ttl.vue

@@ -1,8 +1,8 @@
 <template>
     <div>
         <p>{{ pageType }} page</p>
-        <pre>{{ new Date().toUTCString() }} </pre>
-        <pre>{{ data }}</pre>
+        <pre>Time after hydration: {{ new Date().toUTCString() }} </pre>
+        <pre>Time in server rendered HTML: {{ data }}</pre>
         <NuxtLink to="/">Home</NuxtLink>
     </div>
 </template>

pages/spa.vue

@@ -1,8 +1,8 @@
 <template>
     <div>
         <p>{{ pageType }} page</p>
-        <pre>{{ new Date().toUTCString() }} </pre>
-        <pre>{{ data }}</pre>
+        <pre>Time after hydration: {{ new Date().toUTCString() }} </pre>
+        <pre>Time in server rendered HTML: {{ data }}</pre>
         <NuxtLink to="/">Home</NuxtLink>
     </div>
 </template>

pages/ssg.vue

@@ -1,8 +1,8 @@
 <template>
     <div>
         <p>{{ pageType }} page</p>
-        <pre>{{ new Date().toUTCString() }} </pre>
-        <pre>{{ data }}</pre>
+        <pre>Time after hydration: {{ new Date().toUTCString() }} </pre>
+        <pre>Time in server rendered HTML: {{ data }}</pre>
         <NuxtLink to="/">Home</NuxtLink>
     </div>
 </template>

pages/ssr.vue

@@ -1,8 +1,8 @@
 <template>
     <div>
         <p>{{ pageType }} page</p>
-        <pre>{{ new Date().toUTCString() }} </pre>
-        <pre>{{ data }}</pre>
+        <pre>Time after hydration: {{ new Date().toUTCString() }} </pre>
+        <pre>Time in server rendered HTML: {{ data }}</pre>
         <NuxtLink to="/">Home</NuxtLink>
     </div>
 </template>

pages/swr_no_ttl.vue

@@ -1,5 +1,3 @@
 export default defineEventHandler((event) => {
-  return {
-    hello: "world" + new Date().toUTCString(),
-  };
+  return new Date().toUTCString();
 });