Merge pull request #35 from zernonia/add-unofficial-notion-client-package

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/nuxt.config.ts

@@ -1,10 +1,10 @@
-import { defineNuxtConfig } from "nuxt"
-
 export default defineNuxtConfig({
-  meta: {
-    title: "Nuxt3 Notion",
-    meta: [{ charset: "utf-8" }, { name: "viewport", content: "width=device-width, initial-scale=1" }],
-    link: [{ rel: "icon", type: "image/png", href: "/logo.png" }],
+  app: {
+    head: {
+      title: "Nuxt3 Notion",
+      meta: [{ charset: "utf-8" }, { name: "viewport", content: "width=device-width, initial-scale=1" }],
+      link: [{ rel: "icon", type: "image/png", href: "/logo.png" }],
+    },
   },
   modules: [["vue3-notion/nuxt", { css: true }]],
-})
+});

demo/nuxt/package.json

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

demo/nuxt/pages/index.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
-const { $notion } = useNuxtApp()
-const { data } = await useAsyncData("notion-index", () => $notion.getPageBlocks("4b2dc28a5df74034a943f8c8e639066a"))
-const { mapPageUrl, pageLinkOptions } = useProps()
+const { $notion } = useNuxtApp();
+const { data } = await useAsyncData("notion-index", () => $notion.getPageBlocks("4b2dc28a5df74034a943f8c8e639066a"));
+const { mapPageUrl, pageLinkOptions } = useProps();
 </script>
 
 <template>

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");
+});