Update dog example (#181)

* Update dog example

* Add dog example

* Update PR number

Author: pearmini

README.md

@@ -17,16 +17,7 @@
 
 Unlike typical notebooks (like Jupyter or Observable), Recho Notebook treats **code and its output as a single, continuous document**. When you write code, **the output appears inline — as a comment right above your code**.
 
-```js
-//➜ "dog"
-const text = echo("dog");
-
-//➜ [ "g", "o", "d" ]
-const words = echo(text.split(""));
-
-//➜ "god"
-echo(words.reverse().join(""));
-```
+![A Quick Example](./img/dog.gif)
 
 If you modify the code, the echoed output updates immediately. So instead of switching between “code cells” and “output cells,” your entire notebook feels like a living text file that responds to you.
 

app/api.js

@@ -29,9 +29,9 @@ const DEFAULT_CONTENT = `
 
 const text = echo("dog");
 
-const words = echo(text.split(""));
+const chars = echo(text.split(""));
 
-echo(words.reverse().join(""));
+echo(chars.slice().reverse().join(""));
 
 // 2. You can also call recho.interval(ms) to create data-driven animations,
 // which can help you find the minimalism of ASCII art is fascinating!

app/examples/dog.recho.js

@@ -0,0 +1,19 @@
+/**
+ * @title Dog
+ * @author Bairui Su
+ * @created 2025-10-21
+ * @github pearmini
+ * @pull_request 181
+ * @thumbnail_start 10
+ */
+
+/** A Quick Example! 🐶 */
+
+//➜ "dog"
+const text = echo("dog");
+
+//➜ [ "d", "o", "g" ]
+const chars = echo(text.split(""));
+
+//➜ "god"
+echo(chars.slice().reverse().join(""));