Code diff highlighting not working

This is what's rendering, at least on the Start migration page. I couldn't find another issue for this but if there is one, apologies for the duplicate.

- export default async function Page({ // [!code --]
-   params, // [!code --]
- }: { // [!code --]
-   params: Promise<{ slug: string }> // [!code --]
- }) { // [!code --]
+ export const Route = createFileRoute('/app/posts/$slug')({ // [!code ++]
+   component: Page, // [!code ++]
+ }) // [!code ++]

+ function Page() { // [!code ++]
-   const { slug } = await params // [!code --]
+   const { slug } = Route.useParams() // [!code ++]
  return <div>My Post: {slug}</div>
}

Bắt đầu tại trang „Start migration“ và kiểm tra cách khối mã được hiển thị, bằng cách so sánh các dấu diff dự kiến với đầu ra được hiển thị. Theo dõi đường đi của tính năng tô sáng mã trên trang và xác minh bản sửa bằng cách xác nhận rằng các dòng được thêm và bị xóa được hiển thị với phần tô sáng như dự định.