From 9a28199d7923a868d68b4bb6676fe53f2a67725a Mon Sep 17 00:00:00 2001
From: nazar-lazarchuk <nazik.lazarchyk@gmail.com>
Date: Sun, 23 Jan 2022 22:55:33 +0200
Subject: [PATCH] [docs] 02-auto-substrictions: naming update, snake_case
 replaced to camelCase

---
 .../01-auto-subscriptions/App.svelte          |  4 ++--
 .../01-auto-subscriptions/Decrementer.svelte  |  4 ++--
 .../01-auto-subscriptions/Incrementer.svelte  |  4 ++--
 .../01-auto-subscriptions/Resetter.svelte     |  4 ++--
 .../07-stores/01-auto-subscriptions/stores.js |  2 +-
 .../02-auto-subscriptions/app-a/App.svelte    | 10 +++++-----
 .../app-a/Decrementer.svelte                  |  4 ++--
 .../app-a/Incrementer.svelte                  |  4 ++--
 .../app-a/Resetter.svelte                     |  4 ++--
 .../02-auto-subscriptions/app-a/stores.js     |  2 +-
 .../02-auto-subscriptions/app-b/App.svelte    |  4 ++--
 .../app-b/Decrementer.svelte                  |  4 ++--
 .../app-b/Incrementer.svelte                  |  4 ++--
 .../app-b/Resetter.svelte                     |  4 ++--
 .../02-auto-subscriptions/app-b/stores.js     |  2 +-
 .../08-stores/02-auto-subscriptions/text.md   | 20 +++++++++----------
 16 files changed, 40 insertions(+), 40 deletions(-)

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 @@
 <script>
-	import { count } from './stores.js';
+	import { counter } from './stores.js';
 	import Incrementer from './Incrementer.svelte';
 	import Decrementer from './Decrementer.svelte';
 	import Resetter from './Resetter.svelte';
 </script>
 
-<h1>The count is {$count}</h1>
+<h1>The counter is {$counter}</h1>
 
 <Incrementer/>
 <Decrementer/>
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 @@
 <script>
-	import { count } from './stores.js';
+	import { counter } from './stores.js';
 
 	function decrement() {
-		count.update(n => n - 1);
+		counter.update(n => n - 1);
 	}
 </script>
 
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 @@
 <script>
-	import { count } from './stores.js';
+	import { counter } from './stores.js';
 
 	function increment() {
-		count.update(n => n + 1);
+		counter.update(n => n + 1);
 	}
 </script>
 
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 @@
 <script>
-	import { count } from './stores.js';
+	import { counter } from './stores.js';
 
 	function reset() {
-		count.set(0);
+		counter.set(0);
 	}
 </script>
 
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 @@
 <script>
-	import { count } from './stores.js';
+	import { counter } from './stores.js';
 	import Incrementer from './Incrementer.svelte';
 	import Decrementer from './Decrementer.svelte';
 	import Resetter from './Resetter.svelte';
 
-	let count_value;
+	let counterValue;
 
-	count.subscribe(value => {
-		count_value = value;
+	counter.subscribe(value => {
+		counterValue = value;
 	});
 </script>
 
-<h1>The count is {count_value}</h1>
+<h1>The counter is {counterValue}</h1>
 
 <Incrementer/>
 <Decrementer/>
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 @@
 <script>
-	import { count } from './stores.js';
+	import { counter } from './stores.js';
 
 	function decrement() {
-		count.update(n => n - 1);
+		counter.update(n => n - 1);
 	}
 </script>
 
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 @@
 <script>
-	import { count } from './stores.js';
+	import { counter } from './stores.js';
 
 	function increment() {
-		count.update(n => n + 1);
+		counter.update(n => n + 1);
 	}
 </script>
 
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 @@
 <script>
-	import { count } from './stores.js';
+	import { counter } from './stores.js';
 
 	function reset() {
-		count.set(0);
+		counter.set(0);
 	}
 </script>
 
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 @@
 <script>
-	import { count } from './stores.js';
+	import { counter } from './stores.js';
 	import Incrementer from './Incrementer.svelte';
 	import Decrementer from './Decrementer.svelte';
 	import Resetter from './Resetter.svelte';
 </script>
 
-<h1>The count is {$count}</h1>
+<h1>The counter is {$counter}</h1>
 
 <Incrementer/>
 <Decrementer/>
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 @@
 <script>
-	import { count } from './stores.js';
+	import { counter } from './stores.js';
 
 	function decrement() {
-		count.update(n => n - 1);
+		counter.update(n => n - 1);
 	}
 </script>
 
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 @@
 <script>
-	import { count } from './stores.js';
+	import { counter } from './stores.js';
 
 	function increment() {
-		count.update(n => n + 1);
+		counter.update(n => n + 1);
 	}
 </script>
 
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 @@
 <script>
-	import { count } from './stores.js';
+	import { counter } from './stores.js';
 
 	function reset() {
-		count.set(0);
+		counter.set(0);
 	}
 </script>
 
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
 <script>
 	import { onDestroy } from 'svelte';
-	import { count } from './stores.js';
+	import { counter } from './stores.js';
 	import Incrementer from './Incrementer.svelte';
 	import Decrementer from './Decrementer.svelte';
 	import Resetter from './Resetter.svelte';
 
-	let count_value;
+	let counterValue;
 
-	const unsubscribe = count.subscribe(value => {
-		count_value = value;
+	const unsubscribe = counter.subscribe(value => {
+		counterValue = value;
 	});
 
 	onDestroy(unsubscribe);
 </script>
 
-<h1>The count is {count_value}</h1>
+<h1>The counter is {counterValue}</h1>
 ```
 
 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
 <script>
-	import { count } from './stores.js';
+	import { counter } from './stores.js';
 	import Incrementer from './Incrementer.svelte';
 	import Decrementer from './Decrementer.svelte';
 	import Resetter from './Resetter.svelte';
 </script>
 
-<h1>The count is {$count}</h1>
+<h1>The counter is {$counter}</h1>
 ```
 
 > 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 `<script>` as well, such as in event handlers or reactive declarations.
+You're not limited to using `$counter` inside the markup, either — you can use it anywhere in the `<script>` as well, such as in event handlers or reactive declarations.
 
 > Any name beginning with `$` is assumed to refer to a store value. It's effectively a reserved character — Svelte will prevent you from declaring your own variables with a `$` prefix.