From af426aa9024058fe0b4a16eca47596769ba00f11 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?G=C3=A9ry=20Debongnie?= <ged@odoo.com>
Date: Wed, 3 Feb 2021 13:37:25 +0100
Subject: [PATCH] [DOC] misc small fixes

closes #827, #825, #822, #821
---
 doc/learning/tutorial_todoapp.md |  4 ++--
 doc/reference/component.md       |  2 +-
 doc/reference/observer.md        | 10 +++++-----
 doc/reference/slots.md           |  2 +-
 4 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/doc/learning/tutorial_todoapp.md b/doc/learning/tutorial_todoapp.md
index cb660d6f..4e33fcc6 100644
--- a/doc/learning/tutorial_todoapp.md
+++ b/doc/learning/tutorial_todoapp.md
@@ -663,7 +663,7 @@ function makeStore() {
 
 function setup() {
   owl.config.mode = "dev";
-  const env = {store = makeStore()};
+  const env = {store: makeStore()};
   mount(App, { target: document.body, env });
 }
 ```
@@ -939,7 +939,7 @@ For reference, here is the final code:
 
   function setup() {
     owl.config.mode = "dev";
-    const env = {store = makeStore()};
+    const env = {store: makeStore()};
     mount(App, { target: document.body, env });
   }
 
diff --git a/doc/reference/component.md b/doc/reference/component.md
index 6ebb72ef..30973007 100644
--- a/doc/reference/component.md
+++ b/doc/reference/component.md
@@ -771,7 +771,7 @@ template rendered with `props`. In Owl, this can be done by
 simply defining a template, that will access the `props` object:
 
 ```js
-const Welcome = xml`<h1>Hello, {props.name}</h1>`;
+const Welcome = xml`<h1>Hello, <t t-esc="props.name"/></h1>`;
 
 class MyComponent extends Component {
   static template = xml`
diff --git a/doc/reference/observer.md b/doc/reference/observer.md
index 1046fcd4..05620709 100644
--- a/doc/reference/observer.md
+++ b/doc/reference/observer.md
@@ -15,7 +15,7 @@ use cases, there is no need to directly instantiate an observer.
 For example, this code will display `update` in the console:
 
 ```javascript
-const observer = new owl.Observer();
+const observer = new owl.core.Observer();
 observer.notifyCB = () => console.log("update");
 const obj = observer.observe({ a: { b: 1 } });
 
@@ -39,14 +39,14 @@ is incremented every time the value is observed. Sometimes, it can be useful
 to obtain that number:
 
 ```js
-const observer = new owl.Observer();
+const observer = new owl.core.Observer();
 const obj = observer.observe({ a: { b: 1 } });
 
-observer.deepRevNumber(obj.a); // 1
+observer.revNumber(obj.a); // 1
 obj.a.b = 2;
 
-observer.deepRevNumber(obj.a); // 2
+observer.revNumber(obj.a); // 2
 ```
 
-The `deepRevNumber` can also return 0, which indicates that the value is not
+The `revNumber` can also return 0, which indicates that the value is not
 observed.
diff --git a/doc/reference/slots.md b/doc/reference/slots.md
index ca201aa5..ccc0d01a 100644
--- a/doc/reference/slots.md
+++ b/doc/reference/slots.md
@@ -44,7 +44,7 @@ Slots are defined by the caller, with the `t-set-slot` directive:
 ```xml
 <div t-name="SomeComponent">
   <div>some component</div>
-  <Dialog title="Some Dialog">
+  <Dialog title="'Some Dialog'">
     <t t-set-slot="content">
       <div>hey</div>
     </t>