fix(example): migrate to new usage for valibot

example/pages/_app.tsx

@@ -1,7 +1,7 @@
-import '../styles/globals.css'
+import '../styles/globals.css';
 
 function MyApp({ Component, pageProps }) {
-  return <Component {...pageProps} />
+  return <Component {...pageProps} />;
 }
 
-export default MyApp
+export default MyApp;

example/pages/api/greeter.ts

@@ -1,9 +1,9 @@
-import { NextApiRequest, NextApiResponse } from 'next';
+import type { NextApiRequest, NextApiResponse } from 'next';
 import { withValidation } from 'next-validations';
 import * as valibot from 'valibot';
 
 const schema = valibot.object({
-  name: valibot.string([valibot.minLength(4)]),
+  name: valibot.pipe(valibot.string(), valibot.minLength(4)),
 });
 
 const validate = withValidation({

example/pages/api/support.ts

@@ -1,5 +1,5 @@
 import Joi from 'joi';
-import { NextApiRequest, NextApiResponse } from 'next';
+import type { NextApiRequest, NextApiResponse } from 'next';
 import { createRouter } from 'next-connect';
 import { withValidations } from 'next-validations';
 import { NextResponse } from 'next/server';

example/pages/index.tsx

@@ -42,10 +42,8 @@ export default function Home() {
             </p>
           </a>
           <Link href="/playground" className={styles.card}>
-
             <h2>API Playground &rarr;</h2>
             <p>Swagger UI</p>
-
           </Link>
         </div>
       </main>