diff --git a/apps/kit.svelte.dev/vercel.json b/apps/kit.svelte.dev/vercel.json index 4df4ecb39f..6b9ecfbe6e 100644 --- a/apps/kit.svelte.dev/vercel.json +++ b/apps/kit.svelte.dev/vercel.json @@ -16,10 +16,6 @@ "destination": "https://svelte.dev/docs/kit/load", "permanent": true }, - { - "source": "/docs/modules", - "destination": "https://svelte.dev/docs/kit/@sveltejs-kit" - }, { "source": "/docs/types", "destination": "https://svelte.dev/docs/kit/@sveltejs-kit" diff --git a/apps/svelte.dev/src/routes/docs/RemovedPage.svelte b/apps/svelte.dev/src/routes/docs/RemovedPage.svelte index 5d4e6b610a..092e269fa0 100644 --- a/apps/svelte.dev/src/routes/docs/RemovedPage.svelte +++ b/apps/svelte.dev/src/routes/docs/RemovedPage.svelte @@ -17,6 +17,10 @@ goto(new_docs[1], { replaceState: true }); } }); + + function render(title: string) { + return title.replace(/`(.+?)`/g, (_, text) => `${text.replaceAll('<', '<')}`); + } @@ -34,8 +38,7 @@ @@ -48,5 +51,13 @@ max-width: var(--sk-page-content-width); box-sizing: content-box; margin: auto; + + a { + text-decoration: none !important; + + &:hover { + text-decoration: underline !important; + } + } } diff --git a/apps/svelte.dev/src/routes/docs/component-directives/+page.svelte b/apps/svelte.dev/src/routes/docs/component-directives/+page.svelte index 9f7f4e6f07..b62057946c 100644 --- a/apps/svelte.dev/src/routes/docs/component-directives/+page.svelte +++ b/apps/svelte.dev/src/routes/docs/component-directives/+page.svelte @@ -4,11 +4,11 @@ const docs = new Map([ [ 'on-eventname ', - ['on:eventname', '/docs/svelte/v5-migration-guide#Event-changes-Component-events'] + ['`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']] + ['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']] ]); diff --git a/apps/svelte.dev/src/routes/docs/element-directives/+page.svelte b/apps/svelte.dev/src/routes/docs/element-directives/+page.svelte index b99e5abc28..459b5e8797 100644 --- a/apps/svelte.dev/src/routes/docs/element-directives/+page.svelte +++ b/apps/svelte.dev/src/routes/docs/element-directives/+page.svelte @@ -2,21 +2,21 @@ 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 ` 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']], + ['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'] @@ -26,8 +26,8 @@ ['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']], + ['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'] diff --git a/apps/svelte.dev/src/routes/docs/kit/modules/+page.svelte b/apps/svelte.dev/src/routes/docs/kit/modules/+page.svelte new file mode 100644 index 0000000000..81eb6358b7 --- /dev/null +++ b/apps/svelte.dev/src/routes/docs/kit/modules/+page.svelte @@ -0,0 +1,120 @@ + + + diff --git a/apps/svelte.dev/src/routes/docs/logic-blocks/+page.svelte b/apps/svelte.dev/src/routes/docs/logic-blocks/+page.svelte index afbd312ecb..04f076dc5b 100644 --- a/apps/svelte.dev/src/routes/docs/logic-blocks/+page.svelte +++ b/apps/svelte.dev/src/routes/docs/logic-blocks/+page.svelte @@ -2,10 +2,10 @@ import RemovedPage from '../RemovedPage.svelte'; const docs = new Map([ - ['if', ['{#if ...}', '/docs/svelte/if']], - ['each', ['{#each ...}', '/docs/svelte/each']], - ['await', ['{#key ...}', '/docs/svelte/await']], - ['key', ['{#await ...}', '/docs/svelte/key']] + ['if', ['`{#if ...}`', '/docs/svelte/if']], + ['each', ['`{#each ...}`', '/docs/svelte/each']], + ['await', ['`{#await ...}`', '/docs/svelte/await']], + ['key', ['`{#key ...}`', '/docs/svelte/key']] ]); diff --git a/apps/svelte.dev/src/routes/docs/special-elements/+page.svelte b/apps/svelte.dev/src/routes/docs/special-elements/+page.svelte index 289e81740c..5bcdc43593 100644 --- a/apps/svelte.dev/src/routes/docs/special-elements/+page.svelte +++ b/apps/svelte.dev/src/routes/docs/special-elements/+page.svelte @@ -2,16 +2,16 @@ import RemovedPage from '../RemovedPage.svelte'; const docs = new Map([ - ['slot ', ['', '/docs/svelte/legacy-slots']], - ['svelte-self', ['', '/docs/svelte/legacy-svelte-self']], - ['svelte-component ', ['', '/docs/svelte/legacy-svelte-component']], - ['svelte-element ', ['', '/docs/svelte/svelte-element']], - ['svelte-window ', ['', '/docs/svelte/svelte-window']], - ['svelte-document ', ['', '/docs/svelte/svelte-document']], - ['svelte-body ', ['', '/docs/svelte/svelte-body']], - ['svelte-head ', ['', '/docs/svelte/svelte-head']], - ['svelte-options ', ['', '/docs/svelte/svelte-options']], - ['svelte-fragment ', ['', '/docs/svelte/legacy-svelte-fragment']] + ['slot ', ['``', '/docs/svelte/legacy-slots']], + ['svelte-self', ['``', '/docs/svelte/legacy-svelte-self']], + ['svelte-component ', ['``', '/docs/svelte/legacy-svelte-component']], + ['svelte-element ', ['``', '/docs/svelte/svelte-element']], + ['svelte-window ', ['``', '/docs/svelte/svelte-window']], + ['svelte-document ', ['``', '/docs/svelte/svelte-document']], + ['svelte-body ', ['``', '/docs/svelte/svelte-body']], + ['svelte-head ', ['``', '/docs/svelte/svelte-head']], + ['svelte-options ', ['``', '/docs/svelte/svelte-options']], + ['svelte-fragment ', ['``', '/docs/svelte/legacy-svelte-fragment']] ]);