update nuxt demo, add notion-client endpoint

Author: zernonia

demo/nuxt/app.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts"></script>
 
 <template>
-  <NuxtChild></NuxtChild>
+  <NuxtPage></NuxtPage>
 </template>
 
 <style>

demo/nuxt/package.json

@@ -10,7 +10,8 @@
     "start": "node .output/server/index.mjs"
   },
   "dependencies": {
-    "nuxt": "^3.0.0-rc.3",
+    "notion-client": "^6.15.6",
+    "nuxt": "^3.0.0-rc.12",
     "vue3-notion": "^0.1.35"
   }
 }

demo/nuxt/server/api/page/[pageId].ts

@@ -0,0 +1,10 @@
+import { NotionAPI } from "notion-client";
+
+export default defineEventHandler(async (event) => {
+  const pageId = event.context.params.pageId;
+
+  const api = new NotionAPI();
+  const page = await api.getPage(pageId.toString());
+
+  return page;
+});

demo/nuxt/server/middleware/swr.ts

@@ -1,7 +1,3 @@
-import type { IncomingMessage, ServerResponse } from "http"
-
-export default (_req: IncomingMessage, res: ServerResponse, next: () => void) => {
-  // cache for 2 mins (120 seconds)
-  res.setHeader("Cache-Control", "s-maxage=120, stale-while-revalidate")
-  next()
-}
+export default defineEventHandler((event) => {
+  event.res.setHeader("Cache-Control", "s-maxage=120, stale-while-revalidate");
+});