diff --git a/site/content/examples/07-stores/01-auto-subscriptions/App.svelte b/site/content/examples/07-stores/01-auto-subscriptions/App.svelte index 10ebfb65bb..fe24d27c4e 100644 --- a/site/content/examples/07-stores/01-auto-subscriptions/App.svelte +++ b/site/content/examples/07-stores/01-auto-subscriptions/App.svelte @@ -1,11 +1,11 @@ -

The count is {$count}

+

The counter is {$counter}

diff --git a/site/content/examples/07-stores/01-auto-subscriptions/Decrementer.svelte b/site/content/examples/07-stores/01-auto-subscriptions/Decrementer.svelte index 043b795047..2456344c56 100644 --- a/site/content/examples/07-stores/01-auto-subscriptions/Decrementer.svelte +++ b/site/content/examples/07-stores/01-auto-subscriptions/Decrementer.svelte @@ -1,8 +1,8 @@ diff --git a/site/content/examples/07-stores/01-auto-subscriptions/Incrementer.svelte b/site/content/examples/07-stores/01-auto-subscriptions/Incrementer.svelte index 2b5763012b..8274287742 100644 --- a/site/content/examples/07-stores/01-auto-subscriptions/Incrementer.svelte +++ b/site/content/examples/07-stores/01-auto-subscriptions/Incrementer.svelte @@ -1,8 +1,8 @@ diff --git a/site/content/examples/07-stores/01-auto-subscriptions/Resetter.svelte b/site/content/examples/07-stores/01-auto-subscriptions/Resetter.svelte index 4183421e51..8882e35d57 100644 --- a/site/content/examples/07-stores/01-auto-subscriptions/Resetter.svelte +++ b/site/content/examples/07-stores/01-auto-subscriptions/Resetter.svelte @@ -1,8 +1,8 @@ diff --git a/site/content/examples/07-stores/01-auto-subscriptions/stores.js b/site/content/examples/07-stores/01-auto-subscriptions/stores.js index 143e0c99f0..cdd10e573b 100644 --- a/site/content/examples/07-stores/01-auto-subscriptions/stores.js +++ b/site/content/examples/07-stores/01-auto-subscriptions/stores.js @@ -1,3 +1,3 @@ import { writable } from 'svelte/store'; -export const count = writable(0); \ No newline at end of file +export const counter = writable(0); \ No newline at end of file diff --git a/site/content/tutorial/08-stores/02-auto-subscriptions/app-a/App.svelte b/site/content/tutorial/08-stores/02-auto-subscriptions/app-a/App.svelte index f2a4023f25..802ccc5da3 100644 --- a/site/content/tutorial/08-stores/02-auto-subscriptions/app-a/App.svelte +++ b/site/content/tutorial/08-stores/02-auto-subscriptions/app-a/App.svelte @@ -1,17 +1,17 @@ -

The count is {count_value}

+

The counter is {counterValue}

diff --git a/site/content/tutorial/08-stores/02-auto-subscriptions/app-a/Decrementer.svelte b/site/content/tutorial/08-stores/02-auto-subscriptions/app-a/Decrementer.svelte index 043b795047..2456344c56 100644 --- a/site/content/tutorial/08-stores/02-auto-subscriptions/app-a/Decrementer.svelte +++ b/site/content/tutorial/08-stores/02-auto-subscriptions/app-a/Decrementer.svelte @@ -1,8 +1,8 @@ diff --git a/site/content/tutorial/08-stores/02-auto-subscriptions/app-a/Incrementer.svelte b/site/content/tutorial/08-stores/02-auto-subscriptions/app-a/Incrementer.svelte index 2b5763012b..8274287742 100644 --- a/site/content/tutorial/08-stores/02-auto-subscriptions/app-a/Incrementer.svelte +++ b/site/content/tutorial/08-stores/02-auto-subscriptions/app-a/Incrementer.svelte @@ -1,8 +1,8 @@ diff --git a/site/content/tutorial/08-stores/02-auto-subscriptions/app-a/Resetter.svelte b/site/content/tutorial/08-stores/02-auto-subscriptions/app-a/Resetter.svelte index 4183421e51..8882e35d57 100644 --- a/site/content/tutorial/08-stores/02-auto-subscriptions/app-a/Resetter.svelte +++ b/site/content/tutorial/08-stores/02-auto-subscriptions/app-a/Resetter.svelte @@ -1,8 +1,8 @@ diff --git a/site/content/tutorial/08-stores/02-auto-subscriptions/app-a/stores.js b/site/content/tutorial/08-stores/02-auto-subscriptions/app-a/stores.js index 143e0c99f0..cdd10e573b 100644 --- a/site/content/tutorial/08-stores/02-auto-subscriptions/app-a/stores.js +++ b/site/content/tutorial/08-stores/02-auto-subscriptions/app-a/stores.js @@ -1,3 +1,3 @@ import { writable } from 'svelte/store'; -export const count = writable(0); \ No newline at end of file +export const counter = writable(0); \ No newline at end of file diff --git a/site/content/tutorial/08-stores/02-auto-subscriptions/app-b/App.svelte b/site/content/tutorial/08-stores/02-auto-subscriptions/app-b/App.svelte index 10ebfb65bb..fe24d27c4e 100644 --- a/site/content/tutorial/08-stores/02-auto-subscriptions/app-b/App.svelte +++ b/site/content/tutorial/08-stores/02-auto-subscriptions/app-b/App.svelte @@ -1,11 +1,11 @@ -

The count is {$count}

+

The counter is {$counter}

diff --git a/site/content/tutorial/08-stores/02-auto-subscriptions/app-b/Decrementer.svelte b/site/content/tutorial/08-stores/02-auto-subscriptions/app-b/Decrementer.svelte index 043b795047..2456344c56 100644 --- a/site/content/tutorial/08-stores/02-auto-subscriptions/app-b/Decrementer.svelte +++ b/site/content/tutorial/08-stores/02-auto-subscriptions/app-b/Decrementer.svelte @@ -1,8 +1,8 @@ diff --git a/site/content/tutorial/08-stores/02-auto-subscriptions/app-b/Incrementer.svelte b/site/content/tutorial/08-stores/02-auto-subscriptions/app-b/Incrementer.svelte index 2b5763012b..8274287742 100644 --- a/site/content/tutorial/08-stores/02-auto-subscriptions/app-b/Incrementer.svelte +++ b/site/content/tutorial/08-stores/02-auto-subscriptions/app-b/Incrementer.svelte @@ -1,8 +1,8 @@ diff --git a/site/content/tutorial/08-stores/02-auto-subscriptions/app-b/Resetter.svelte b/site/content/tutorial/08-stores/02-auto-subscriptions/app-b/Resetter.svelte index 4183421e51..8882e35d57 100644 --- a/site/content/tutorial/08-stores/02-auto-subscriptions/app-b/Resetter.svelte +++ b/site/content/tutorial/08-stores/02-auto-subscriptions/app-b/Resetter.svelte @@ -1,8 +1,8 @@ diff --git a/site/content/tutorial/08-stores/02-auto-subscriptions/app-b/stores.js b/site/content/tutorial/08-stores/02-auto-subscriptions/app-b/stores.js index 143e0c99f0..cdd10e573b 100644 --- a/site/content/tutorial/08-stores/02-auto-subscriptions/app-b/stores.js +++ b/site/content/tutorial/08-stores/02-auto-subscriptions/app-b/stores.js @@ -1,3 +1,3 @@ import { writable } from 'svelte/store'; -export const count = writable(0); \ No newline at end of file +export const counter = writable(0); \ No newline at end of file diff --git a/site/content/tutorial/08-stores/02-auto-subscriptions/text.md b/site/content/tutorial/08-stores/02-auto-subscriptions/text.md index fc7967f658..9b133ef66c 100644 --- a/site/content/tutorial/08-stores/02-auto-subscriptions/text.md +++ b/site/content/tutorial/08-stores/02-auto-subscriptions/text.md @@ -7,8 +7,8 @@ The app in the previous example works, but there's a subtle bug — the store is Start by declaring `unsubscribe` in `App.svelte`: ```js -const unsubscribe = count.subscribe(value => { - count_value = value; +const unsubscribe = counter.subscribe(value => { + counterValue = value; }); ``` > Calling a `subscribe` method returns an `unsubscribe` function. @@ -18,38 +18,38 @@ You now declared `unsubscribe`, but it still needs to be called, for example thr ```html -

The count is {count_value}

+

The counter is {counterValue}

``` It starts to get a bit boilerplatey though, especially if your component subscribes to multiple stores. Instead, Svelte has a trick up its sleeve — you can reference a store value by prefixing the store name with `$`: ```html -

The count is {$count}

+

The counter is {$counter}

``` > Auto-subscription only works with store variables that are declared (or imported) at the top-level scope of a component. -You're not limited to using `$count` inside the markup, either — you can use it anywhere in the `