tidy up

sites/svelte-5-preview/src/routes/docs/content/03-appendix/02-breaking-changes.md

@@ -70,13 +70,15 @@ import App from './App.svelte'
 export default app;
 ```
 
-If this component is not under your control, you can use the `compatibility.legacyComponent` compiler option for auto-applied backwards compatibility, which means code using `new Component(...)` keeps working without adjustments (note that this adds a bit of overhead to each component). This will also add `$set` and `$on` methods for all component instances you get through `bind:this`.
+If this component is not under your control, you can use the `compatibility.componentApi` compiler option for auto-applied backwards compatibility, which means code using `new Component(...)` keeps working without adjustments (note that this adds a bit of overhead to each component). This will also add `$set` and `$on` methods for all component instances you get through `bind:this`.
 
 ```js
 /// svelte.config.js
 export default {
 	compilerOptions: {
-		compatibility: { legacyComponent: true }
+		compatibility: {
+			componentApi: 4
+		}
 	}
 };
 ```

sites/svelte-5-preview/svelte.config.js

@@ -5,7 +5,7 @@ export default {
 	compilerOptions: {
 		compatibility: {
 			// site-kit manually instantiates components inside an action
-			legacyComponent: true
+			componentApi: 4
 		}
 	},
 	kit: {