开启 ppr 优化渲染性能

src/app/(home)/product/page.tsx

@@ -1,6 +1,7 @@
 import BreadCrumb from '@/components/bread-crumb'
 import Wrap from '@/components/wrap'
 import Purchase, {TabType} from '@/components/composites/purchase'
+import {Suspense} from 'react'
 
 export type ProductPageProps = {
   searchParams?: Promise<{
@@ -8,14 +9,16 @@ export type ProductPageProps = {
   }>
 }
 
-export default async function ProductPage(props: ProductPageProps) {
+export default function ProductPage(props: ProductPageProps) {
   return (
     <main className="mt-20">
       <Wrap className="flex flex-col py-8 gap-4">
         <BreadCrumb items={[
           {label: '产品中心', href: '/product'},
         ]}/>
-        <Purchase/>
+        <Suspense>
+          <Purchase/>
+        </Suspense>
       </Wrap>
     </main>
   )