chore: meta tweaks

docs/guide/using-mdx.md

@@ -33,10 +33,11 @@ export const MDXContent = ({ code, components }: MdxProps) => {
 `./pages/posts/[slug].tsx`:
 
 ```jsx
+import { posts } from '@/.velite'
 import { MDXContent } from '@/components/mdx-content'
 
-export default async function Post({ params: { slug } }) {
-  const post = await getPostBySlug(slug)
+export default function Post({ params: { slug } }) {
+  const post = posts.find(i => i.slug === slug)
   return (
     <article>
       <h1>{post.title}</h1>

docs/guide/with-nextjs.md

@@ -106,8 +106,9 @@ Then you can use it like this:
 ```tsx
 import Link from 'next/link'
 
+import { options } from '@/.velite'
+
 const Post = async () => {
-  const options = await getOptions()
   return (
     <div>
       {/* typed route */}

examples/nextjs/app/[slug]/page.tsx

@@ -5,30 +5,28 @@ import { pages } from '#site/content'
 
 import type { Metadata } from 'next'
 
-interface PageProps {
+type Props = {
   params: {
     slug: string
   }
 }
 
-async function getPageBySlug(slug: string) {
+function getPageBySlug(slug: string) {
   return pages.find(page => page.slug === slug)
 }
 
-export async function generateMetadata({ params }: PageProps): Promise<Metadata> {
-  const page = await getPageBySlug(params.slug)
+export function generateMetadata({ params }: Props): Metadata {
+  const page = getPageBySlug(params.slug)
   if (page == null) return {}
   return { title: page.title }
 }
 
-export async function generateStaticParams(): Promise<PageProps['params'][]> {
-  return pages.map(page => ({
-    slug: page.slug
-  }))
+export function generateStaticParams(): Props['params'][] {
+  return pages.map(page => ({ slug: page.slug }))
 }
 
-export default async function PagePage({ params }: PageProps) {
-  const page = await getPageBySlug(params.slug)
+export default function PagePage({ params }: Props) {
+  const page = getPageBySlug(params.slug)
 
   if (page == null) notFound()