Svelte docs migration (#633)

* component-directives

* special elements

* element directives

* format

Author: benmccann

apps/svelte.dev/src/hooks.server.js

@@ -4,12 +4,9 @@ const mappings = new Map([
 	['/docs/accessibility-warnings', '/docs/svelte/compiler-warnings'],
 	['/docs/basic-markup', '/docs/svelte/basic-markup'],
 	['/docs/client-side-component-api', '/docs/svelte/legacy-component-api'],
-	['/docs/component-directives', '/docs/svelte/svelte-files'], // no good mapping for this one
 	['/docs/custom-elements-api', '/docs/svelte/custom-elements'],
-	['/docs/element-directives', '/docs/svelte/basic-markup'], // no good mapping for this one
 	['/docs/introduction', '/docs/svelte/overview'],
 	['/docs/server-side-component-api', '/docs/svelte/legacy-component-api'],
-	['/docs/special-elements', '/docs/svelte/svelte-window'], // no good mapping for this one
 	['/docs/special-tags', '/docs/svelte/basic-markup'],
 	// ['/docs/svelte', '/docs/svelte/svelte'], - can't map this. /docs/svelte is now a redirect to the overview page
 	['/docs/svelte-action', '/docs/svelte/svelte-action'],

apps/svelte.dev/src/routes/docs/component-directives/+page.svelte

@@ -0,0 +1,15 @@
+<script>
+	import RemovedPage from '../RemovedPage.svelte';
+
+	const docs = new Map([
+		[
+			'on-eventname ',
+			['on:eventname', '/docs/svelte/v5-migration-guide#Event-changes-Component-events']
+		],
+		['style-props', ['--style-props', '/docs/svelte/custom-properties']],
+		['bind-property ', ['bind:property', '/docs/svelte/bind#bind:property-for-components']],
+		['bind-this ', ['bind:this', '/docs/svelte/bind#bind:this']]
+	]);
+</script>
+
+<RemovedPage {docs} />

apps/svelte.dev/src/routes/docs/element-directives/+page.svelte

@@ -0,0 +1,42 @@
+<script>
+	import RemovedPage from '../RemovedPage.svelte';
+
+	const docs = new Map([
+		['on-eventname ', ['on:eventname', '/docs/svelte/basic-markup#Events']],
+		['bind-property', ['bind:property', '/docs/svelte/bind']],
+		['binding-select-value ', ['Binding <select> value', '/docs/svelte/bind#select-bind:value']],
+		['media-element-bindings ', ['Media element bindings', '/docs/svelte/bind#audio']],
+		['image-element-bindings ', ['Image element bindings', '/docs/svelte/bind#img']],
+		[
+			'block-level-element-bindings ',
+			['Block-level element bindings', '/docs/svelte/bind#Dimensions']
+		],
+		['bind-group ', ['bind:group', '/docs/svelte/bind#input-bind:group']],
+		['bind-this ', ['bind:this', '/docs/svelte/bind#bind:this']],
+		['class-name ', ['class:name', '/docs/svelte/class']],
+		['style-property ', ['style:property', '/docs/svelte/style']],
+		['use-action', ['use:action', '/docs/svelte/use']],
+		['transition-fn ', ['transition:fn', '/docs/svelte/transition']],
+		[
+			'transition-parameters ',
+			['Transition parameters', '/docs/svelte/transition#Transition-parameters']
+		],
+		[
+			'custom-transition-functions ',
+			['Custom transition functions', '/docs/svelte/transition#Custom-transition-functions']
+		],
+		['transition-events ', ['Transition events', '/docs/svelte/transition#Transition-events']],
+		['in-fn-out-fn ', ['in:fn/out:fn', '/docs/svelte/in-and-out']],
+		['animate-fn ', ['animate:fn', '/docs/svelte/animate']],
+		[
+			'animation-parameters ',
+			['Animation Parameters', '/docs/svelte/animate#Animation-Parameters']
+		],
+		[
+			'custom-animation-functions ',
+			['Custom animation functions', '/docs/svelte/animate#Custom-animation-functions']
+		]
+	]);
+</script>
+
+<RemovedPage {docs} />

apps/svelte.dev/src/routes/docs/special-elements/+page.svelte

@@ -0,0 +1,18 @@
+<script>
+	import RemovedPage from '../RemovedPage.svelte';
+
+	const docs = new Map([
+		['slot ', ['<slot>', '/docs/svelte/legacy-slots']],
+		['svelte-self', ['<svelte:self>', '/docs/svelte/legacy-svelte-self']],
+		['svelte-component ', ['<svelte:component>', '/docs/svelte/legacy-svelte-component']],
+		['svelte-element ', ['<svelte:element>', '/docs/svelte/svelte-element']],
+		['svelte-window ', ['<svelte:window>', '/docs/svelte/svelte-window']],
+		['svelte-document ', ['<svelte:document>', '/docs/svelte/svelte-document']],
+		['svelte-body ', ['<svelte:body>', '/docs/svelte/svelte-body']],
+		['svelte-head ', ['<svelte:head>', '/docs/svelte/svelte-head']],
+		['svelte-options ', ['<svelte:options>', '/docs/svelte/svelte-options']],
+		['svelte-fragment ', ['<svelte:fragment>', '/docs/svelte/legacy-svelte-fragment']]
+	]);
+</script>
+
+<RemovedPage {docs} />