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>
}

Beginne auf der Seite „Start migration“ und untersuche, wie der angezeigte Codeblock gerendert wird, indem du die erwarteten Diff-Markierungen mit der dargestellten Ausgabe vergleichst. Verfolge den Pfad für die Code-Hervorhebung der Seite und überprüfe die Korrektur, indem du bestätigst, dass hinzugefügte und entfernte Zeilen mit der vorgesehenen Hervorhebung gerendert werden.