docs: add crosslinks (#17663)

documentation/docs/02-runes/02-$state.md

@@ -1,5 +1,6 @@
 ---
 title: $state
+tags: rune-state
 ---
 
 The `$state` rune allows you to create _reactive state_, which means that your UI _reacts_ when it changes.

documentation/docs/02-runes/03-$derived.md

@@ -1,5 +1,6 @@
 ---
 title: $derived
+tags: rune-derived
 ---
 
 Derived state is declared with the `$derived` rune:

documentation/docs/02-runes/04-$effect.md

@@ -1,5 +1,6 @@
 ---
 title: $effect
+tags: rune-effect
 ---
 
 Effects are functions that run when state updates, and can be used for things like calling third-party libraries, drawing on `<canvas>` elements, or making network requests. They only run in the browser, not during server-side rendering.

documentation/docs/02-runes/05-$props.md

@@ -1,5 +1,6 @@
 ---
 title: $props
+tags: rune-props
 ---
 
 The inputs to a component are referred to as _props_, which is short for _properties_. You pass props to components just like you pass attributes to elements:

documentation/docs/02-runes/07-$inspect.md

@@ -1,5 +1,6 @@
 ---
 title: $inspect
+tags: rune-inspect
 ---
 
 > [!NOTE] `$inspect` only works during development. In a production build it becomes a noop.

documentation/docs/03-template-syntax/02-if.md

@@ -1,5 +1,6 @@
 ---
 title: {#if ...}
+tags: template-if
 ---
 
 ```svelte

documentation/docs/03-template-syntax/03-each.md

@@ -1,5 +1,6 @@
 ---
 title: {#each ...}
+tags: template-each
 ---
 
 ```svelte

documentation/docs/03-template-syntax/04-key.md

@@ -1,5 +1,6 @@
 ---
 title: {#key ...}
+tags: template-key
 ---
 
 ```svelte

documentation/docs/03-template-syntax/05-await.md

@@ -1,5 +1,6 @@
 ---
 title: {#await ...}
+tags: template-await
 ---
 
 ```svelte

documentation/docs/03-template-syntax/08-@html.md

@@ -1,5 +1,6 @@
 ---
 title: {@html ...}
+tags: template-html
 ---
 
 To inject raw HTML into your component, use the `{@html ...}` tag:

documentation/docs/03-template-syntax/09-@attach.md

@@ -1,5 +1,6 @@
 ---
 title: {@attach ...}
+tags: attachments
 ---
 
 Attachments are functions that run in an [effect]($effect) when an element is mounted to the DOM or when [state]($state) read inside the function updates.

documentation/docs/03-template-syntax/14-transition.md

@@ -1,5 +1,6 @@
 ---
 title: transition:
+tags: transitions
 ---
 
 A _transition_ is triggered by an element entering or leaving the DOM as a result of a state change.

documentation/docs/03-template-syntax/15-in-and-out.md

@@ -1,5 +1,6 @@
 ---
 title: in: and out:
+tags: transitions
 ---
 
 The `in:` and `out:` directives are identical to [`transition:`](transition), except that the resulting transitions are not bidirectional — an `in` transition will continue to 'play' alongside the `out` transition, rather than reversing, if the block is outroed while the transition is in progress. If an out transition is aborted, transitions will restart from scratch.
@@ -7,7 +8,7 @@ The `in:` and `out:` directives are identical to [`transition:`](transition), ex
 ```svelte
 <script>
   import { fade, fly } from 'svelte/transition';
-  
+
   let visible = $state(false);
 </script>
 

documentation/docs/03-template-syntax/17-style.md

@@ -1,5 +1,6 @@
 ---
 title: style:
+tags: template-style
 ---
 
 The `style:` directive provides a shorthand for setting multiple styles on an element.

documentation/docs/03-template-syntax/18-class.md

@@ -1,5 +1,6 @@
 ---
 title: class
+tags: template-style
 ---
 
 There are two ways to set classes on elements: the `class` attribute, and the `class:` directive.

documentation/docs/04-styling/01-scoped-styles.md

@@ -1,5 +1,6 @@
 ---
 title: Scoped styles
+tags: styles-scoped
 ---
 
 Svelte components can include a `<style>` element containing CSS that belongs to the component. This CSS is _scoped_ by default, meaning that styles will not apply to any elements on the page outside the component in question.

documentation/docs/04-styling/02-global-styles.md

@@ -1,5 +1,6 @@
 ---
 title: Global styles
+tags: styles-global
 ---
 
 ## :global(...)

documentation/docs/04-styling/03-custom-properties.md

@@ -1,5 +1,6 @@
 ---
 title: Custom properties
+tags: styles-custom-properties
 ---
 
 You can pass CSS custom properties — both static and dynamic — to components:

documentation/docs/98-reference/21-svelte-attachments.md

@@ -1,5 +1,6 @@
 ---
 title: svelte/attachments
+tags: attachments
 ---
 
 > MODULE: svelte/attachments

documentation/docs/98-reference/21-svelte-transition.md

@@ -1,5 +1,6 @@
 ---
 title: svelte/transition
+tags: transitions
 ---
 
 > MODULE: svelte/transition