Skip to content

Commit a04c559

Browse files
committed
doc-link parser / links for non-kit sections
1 parent 04f2329 commit a04c559

File tree

61 files changed

+84
-77
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

61 files changed

+84
-77
lines changed

content/tutorial/01-svelte/01-introduction/02-your-first-component/README.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
title: Your first component
33
---
44

5-
In Svelte, an application is composed from one or more _components_. A component is a reusable self-contained block of code that encapsulates HTML, CSS and JavaScript that belong together, written into a `.svelte` file. The `App.svelte` file, open in the code editor to the right, is a simple component.
5+
In Svelte, an application is composed from one or more [_components_]($docs#component-format). A component is a reusable self-contained block of code that encapsulates HTML, CSS and JavaScript that belong together, written into a `.svelte` file. The `App.svelte` file, open in the code editor to the right, is a simple component.
66

77
## Adding data
88

-1 Bytes
Loading

content/tutorial/01-svelte/01-introduction/04-styling/README.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
title: Styling
33
---
44

5-
Just like in HTML, you can add a `<style>` tag to your component. Let's add some styles to the `<p>` element:
5+
Just like in HTML, you can add a [`<style>`]($docs#component-format-style) tag to your component. Let's add some styles to the `<p>` element:
66

77
```svelte
88
<p>This is a paragraph.</p>

content/tutorial/01-svelte/01-introduction/06-html-tags/README.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,7 @@ Ordinarily, strings are inserted as plain text, meaning that characters like `<`
66

77
But sometimes you need to render HTML directly into a component. For example, the words you're reading right now exist in a markdown file that gets included on this page as a blob of HTML.
88

9-
In Svelte, you do this with the special `{@html ...}` tag:
9+
In Svelte, you do this with the special [`{@html ...}`]($docs#template-syntax-html) tag:
1010

1111
```svelte
1212
<p>{+++@html+++ string}</p>

content/tutorial/01-svelte/02-reactivity/01-reactive-assignments/README.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
title: Assignments
33
---
44

5-
At the heart of Svelte is a powerful system of _reactivity_ for keeping the DOM in sync with your application state — for example, in response to an event.
5+
At the heart of Svelte is a powerful system of [_reactivity_]($docs#component-format-script-2-assignments-are-reactive) for keeping the DOM in sync with your application state — for example, in response to an event.
66

77
To demonstrate it, we first need to wire up an event handler (we'll learn more about these [later](/tutorial/dom-events)):
88

content/tutorial/01-svelte/02-reactivity/02-reactive-declarations/README.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@ title: Declarations
44

55
Svelte automatically updates the DOM when your component's state changes. Often, some parts of a component's state need to be computed from _other_ parts (such as a `fullname` derived from a `firstname` and a `lastname`), and recomputed whenever they change.
66

7-
For these, we have _reactive declarations_. They look like this:
7+
For these, we have [_reactive declarations_]($docs#component-format-script-3-$-marks-a-statement-as-reactive). They look like this:
88

99
```js
1010
let count = 0;

content/tutorial/01-svelte/02-reactivity/03-reactive-statements/README.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
title: Statements
33
---
44

5-
We're not limited to declaring reactive _values_ — we can also run arbitrary _statements_ reactively. For example, we can log the value of `count` whenever it changes:
5+
We're not limited to declaring reactive _values_ — we can also run arbitrary [_statements_ reactively]($docs#component-format-script-3-$-marks-a-statement-as-reactive). For example, we can log the value of `count` whenever it changes:
66

77
```js
88
let count = 0;

content/tutorial/01-svelte/03-props/01-declaring-props/README.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@ title: Declaring props
44

55
So far, we've dealt exclusively with internal state — that is to say, the values are only accessible within a given component.
66

7-
In any real application, you'll need to pass data from one component down to its children. To do that, we need to declare _properties_, generally shortened to 'props'. In Svelte, we do that with the `export` keyword. Edit the `Nested.svelte` component:
7+
In any real application, you'll need to pass data from one component down to its children. To do that, we need to declare [_properties_]($docs#component-format-script-1-export-creates-a-component-prop), generally shortened to 'props'. In Svelte, we do that with the `export` keyword. Edit the `Nested.svelte` component:
88

99
```svelte
1010
<script>

content/tutorial/01-svelte/04-logic/01-if-blocks/README.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@ title: If blocks
44

55
HTML doesn't have a way of expressing _logic_, like conditionals and loops. Svelte does.
66

7-
To conditionally render some markup, we wrap it in an `if` block:
7+
To conditionally render some markup, we wrap it in an [`if` block]($docs#template-syntax-if):
88

99
```svelte
1010
+++{#if user.loggedIn}+++

content/tutorial/01-svelte/04-logic/04-each-blocks/README.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
title: Each blocks
33
---
44

5-
If you need to loop over lists of data, use an `each` block:
5+
If you need to loop over lists of data, use an [`each` block]($docs#template-syntax-each):
66

77
```svelte
88
<ul>

0 commit comments

Comments
 (0)