chore: code refine

.prettierignore

@@ -3,13 +3,16 @@
 
 # Except these files & folders
 !/src
+!next.config.ts
 !hero.ts
-!tsconfig.json
-!eslint.config.ts
 !postcss.config.js
+!eslint.config.ts
+!tsconfig.json
 !README.md
 
-# Ignore auto generated routeTree.gen.ts
+# Ignore generated components
 /src/components/magicui/*.tsx
 /src/components/ui/*.tsx
+
+# Ignore generated types
 /src/types/openapi.d.ts

next.config.ts

@@ -1,15 +1,15 @@
-import type { NextConfig } from "next";
-import createNextIntlPlugin from "next-intl/plugin";
+import type { NextConfig } from 'next'
+import createNextIntlPlugin from 'next-intl/plugin'
 
 const nextConfig: NextConfig = {
   reactStrictMode: false,
-  output: "standalone",
+  output: 'standalone',
   images: {
     remotePatterns: [
       {
-        protocol: "https",
-        hostname: "tangledup-ai-staging.oss-cn-shanghai.aliyuncs.com",
-        pathname: "/**",
+        protocol: 'https',
+        hostname: 'tangledup-ai-staging.oss-cn-shanghai.aliyuncs.com',
+        pathname: '/**',
       },
     ],
     formats: ['image/webp', 'image/avif'],
@@ -19,8 +19,8 @@ const nextConfig: NextConfig = {
   },
   compress: true,
   poweredByHeader: false,
-};
+}
 
-const withNextIntl = createNextIntlPlugin();
+const withNextIntl = createNextIntlPlugin()
 
-export default withNextIntl(nextConfig);
+export default withNextIntl(nextConfig)

package.json

@@ -91,4 +91,4 @@
     "typescript-eslint": "^8.41.0"
   },
   "packageManager": "pnpm@10.15.1+sha512.34e538c329b5553014ca8e8f4535997f96180a1d0f614339357449935350d924e22f8614682191264ec33d1462ac21561aff97f6bb18065351c162c7e8f6de67"
-}
+}

src/app/[locale]/playground/realtime-bubble.tsx

@@ -1,9 +1,8 @@
-import Image from 'next/image'
-
-import { Avatar } from '@heroui/avatar'
-import { Loader } from 'lucide-react'
-import { cn } from '@/lib/utils'
 import type { RealtimeMessage } from '@/components/websocket-slot'
+import Image from 'next/image'
+import { Loader } from 'lucide-react'
+import { Avatar } from '@heroui/avatar'
+import { cn } from '@/lib/utils'
 
 type Props = {
   msg: RealtimeMessage

src/app/[locale]/playground/realtime-scrollview.tsx

@@ -6,7 +6,7 @@ import { ReadyState } from 'react-use-websocket'
 import { cn } from '@/lib/utils'
 import { useDeviceStore } from '@/lib/use-device-store'
 import { useConversationStore } from '@/lib/use-conversation-store'
-import useBreakAspectRatio from './use-break-aspect-ratio'
+import { useBreakAspectRatio } from './use-break-aspect-ratio'
 
 const RealtimeVideo = dynamic(() => import('./realtime-video'), {
   ssr: false,