update nuxt demo to rc1

Author: zernonia

demo/nuxt/composables/useProps.ts

@@ -0,0 +1,15 @@
+export const useProps = () => {
+  const mapPageUrl = (pageId: String) => {
+    return `/page/${pageId}`
+  }
+
+  const pageLinkOptions = computed(() => ({
+    component: defineNuxtLink({}),
+    href: "to",
+  }))
+
+  return {
+    mapPageUrl,
+    pageLinkOptions,
+  }
+}

demo/nuxt/nuxt.config.ts

@@ -1,4 +1,4 @@
-import { defineNuxtConfig } from "nuxt3"
+import { defineNuxtConfig } from "nuxt"
 
 export default defineNuxtConfig({
   meta: {

demo/nuxt/package.json

@@ -9,8 +9,7 @@
     "start": "node .output/server/index.mjs"
   },
   "dependencies": {
-    "@nuxt/kit-edge": "^3.0.0-27449998.32cf973",
-    "nuxt3": "^3.0.0-27449998.32cf973",
+    "nuxt": "^3.0.0-rc.1",
     "vue3-notion": "^0.1.26"
   }
 }

demo/nuxt/pages/index.vue

@@ -1,9 +1,9 @@
 <script setup lang="ts">
 import { useNuxtApp } from "#app"
-import { mapPageUrl, pageLinkOptions } from "~~/props"
 
 const { $notion } = useNuxtApp()
 const { data } = await useAsyncData("notion-index", () => $notion.getPageBlocks("4b2dc28a5df74034a943f8c8e639066a"))
+const { mapPageUrl, pageLinkOptions } = useProps()
 </script>
 
 <template>

demo/nuxt/pages/page/[id].vue

@@ -1,10 +1,10 @@
 <script setup lang="ts">
 import { useNuxtApp } from "#app"
-import { mapPageUrl, pageLinkOptions } from "~~/props"
 
 const route = useRoute()
 const { $notion } = useNuxtApp()
 const { data } = await useAsyncData(`notion-${route.params.id}`, () => $notion.getPageBlocks(route.params.id))
+const { mapPageUrl, pageLinkOptions } = useProps()
 </script>
 
 <template>