chore: trying asyncData and serverMiddleware apis

Author: technikhil314

nuxt.config.js

@@ -107,6 +107,7 @@ export default {
   sitemap: {
     hostname: BASE_URL
   },
+
   // Build Configuration: https://go.nuxtjs.dev/config-build
   build: {
     extractCSS: true,
@@ -115,5 +116,9 @@ export default {
         config.devtool = 'source-map'
       }
     }
-  }
+  },
+
+  serverMiddleware: [
+    { path: '/test', handler: '~/serverMiddleware/ok.js' },
+  ]
 }

pages/diff.vue

@@ -52,6 +52,7 @@
       <div
         class="flex items-stretch w-full gap-4 font-mono text-gray-800  dark:text-gray-50"
       >
+        <h1>{{ name }}</h1>
         <div
           class="relative flex-1 px-4 py-2 overflow-y-auto border-2 rounded-md  dark:border-gray-500 max-h-screen--nav line-number-gutter min-h-80"
         >
@@ -97,6 +98,9 @@ export default {
       copied: false,
     }
   },
+  asyncData() {
+    return { name: 'World' }
+  },
   mounted() {
     const _diff = this.$route.hash
     const gunzip = pako.ungzip(Buffer.from(undoUrlSafeBase64(_diff), 'base64'))

serverMiddleware/ok.js

@@ -0,0 +1,3 @@
+export default function handler(_req, res) {
+  res.end('Everything ok!')
+}