diff --git a/code/go/site/static/md/examples/click_to_load.md b/code/go/site/static/md/examples/click_to_load.md
index 41db0e995..5e6efa189 100644
--- a/code/go/site/static/md/examples/click_to_load.md
+++ b/code/go/site/static/md/examples/click_to_load.md
@@ -17,7 +17,7 @@ This example shows how to implement click-to-load the next page in a table of da
```html
@@ -31,7 +31,7 @@ event: datastar-merge-fragments id: 129804115990544446 data: mergeMode morph dat
settleDuration 500 data: fragment
diff --git a/code/go/site/static/md/examples/custom_events.md b/code/go/site/static/md/examples/custom_events.md
index 8bc01d2c0..cac47f823 100644
--- a/code/go/site/static/md/examples/custom_events.md
+++ b/code/go/site/static/md/examples/custom_events.md
@@ -3,9 +3,9 @@
## Demo
-
-
Event count: EventCount
-
Last Event Details: EventTime
+
+
Event count: EventCount
+
Last Event Details: EventTime
@@ -18,16 +18,16 @@ This is an example of two-way binding with a web component that reverses a strin
```html
-
+
```
-The `name` attribute value is bound to the `$name` signals value, and an event listener modifies the `$reversed` signals value sent in the `reverse` event.
+The `name` attribute value is bound to the `name.value` signals value, and an event listener modifies the `reversed.value` signals value sent in the `reverse` event.
The web component observes changes to the `name` attribute and responds by reversing the string and dispatching a `reverse` event containing the resulting value.
diff --git a/code/go/site/static/md/guide/batteries_included.md b/code/go/site/static/md/guide/batteries_included.md
index b821442d3..4dbaa3775 100644
--- a/code/go/site/static/md/guide/batteries_included.md
+++ b/code/go/site/static/md/guide/batteries_included.md
@@ -6,7 +6,7 @@ Datastar was originally a branch of HTMX that was meant to make it more modular
## Evaluating data-\* attributes
-Before we had used something like `data-text="$foo"` attribute. What this is actually doing under the hood is turning the string into a function that is evaluated safely into `(ctx)=> ctx.signals.foo.value` where `ctx` is a Datastar object that gives a sandboxed context to the expression. In this case its connected directly to the contents of a signal, but you could do any Javascript that is valid. This also means you could evaluate to a constant string but that would look something like `data-text="'hello world'"`, notice the quotes, otherwise it would be looking for variable `hello world` which isn't valid and would fail to evaluate. This is the one major gotcha of declarative code, you have to be careful about the context. We aren't using `eval` but generating [sandboxed functions](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/Function) that are evaluated in a safe way similar to Alpine.js.
+Before we had used something like `data-text="foo.value"` attribute. What this is actually doing under the hood is turning the string into a function that is evaluated safely into `(ctx)=> ctx.signals.foo.value` where `ctx` is a Datastar object that gives a sandboxed context to the expression. In this case its connected directly to the contents of a signal, but you could do any Javascript that is valid. This also means you could evaluate to a constant string but that would look something like `data-text="'hello world'"`, notice the quotes, otherwise it would be looking for variable `hello world` which isn't valid and would fail to evaluate. This is the one major gotcha of declarative code, you have to be careful about the context. We aren't using `eval` but generating [sandboxed functions](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/Function) that are evaluated in a safe way similar to Alpine.js.
## More attributes
@@ -17,7 +17,7 @@ So far we've seen `data-signals`, `data-bind` and `data-text`. There are many mo
This is a simple way to show and hide elements. It's a simple way to do `v-if` in Vue or `x-show` in Alpine.
```html
-
Hello World
+
Hello World
```
When the `foo` signal is truthy the div will be shown, otherwise it will be hidden.
@@ -34,7 +34,7 @@ When the button is clicked it will log `hello world` to the console.
## Actions
-Actions are helper functions that are made available during a `data-*` attribute evaluation. They are a way to do more complex operations without having to write a lot of javascript. Here are a few of the most common actions. They are prefixed with `$` to avoid any conflicts with other attributes.
+Actions are helper functions that are made available during a `data-*` attribute evaluation. They are a way to do more complex operations without having to write a lot of javascript. Here are a few of the most common actions.
### `setAll`
diff --git a/code/go/site/static/md/guide/getting_started.md b/code/go/site/static/md/guide/getting_started.md
index 0ba7b178b..f1f83cd80 100644
--- a/code/go/site/static/md/guide/getting_started.md
+++ b/code/go/site/static/md/guide/getting_started.md
@@ -62,7 +62,7 @@ This creates a new signal called `input`, and binds it to the element's value. I
To see this in action, we can use the [`data-text`](/reference/plugins_attributes#text) attribute.
```html
-
+
I will get replaced with the contents of the input signal
```
@@ -75,17 +75,17 @@ To see this in action, we can use the [`data-text`](/reference/plugins_attribute
Output:
-
+
-This sets the text content of an element to the value of the signal `$input`. The `$` is required to denote a signal in the expression.
+This sets the text content of an element to the value of the signal `input.value`. The `.value` is required to denote a the use of a signal's *contents* in the expression.
The value of the `data-text` attribute is an expression that is evaluated, meaning that we can use JavaScript in it.
```html
-
+
Will be replaced with the uppercase contents of the input signal
```
@@ -98,7 +98,7 @@ The value of the `data-text` attribute is an expression that is evaluated, meani
Output:
-
+
@@ -108,15 +108,15 @@ The value of the `data-text` attribute is an expression that is evaluated, meani
The `data-computed-*` attribute creates a new signal that is computed based on an expression. The computed signal is read-only, and its value is automatically updated when any signals in the expression are updated.
```html
-
+
-
+
Will be replaced with the contents of the repeated signal
```
-
+
Input:
@@ -124,7 +124,7 @@ The `data-computed-*` attribute creates a new signal that is computed based on a
Output:
-
+
@@ -134,7 +134,7 @@ The `data-computed-*` attribute creates a new signal that is computed based on a
The `data-show` attribute can be used to show or hide an element based on whether a JavaScript expression evaluates to `true` or `false`.
```html
-
+
```
This results in the button being visible only when the input is _not_ empty.
@@ -147,10 +147,10 @@ This results in the button being visible only when the input is _not_ empty.
Output:
-
+
-
@@ -160,13 +160,13 @@ This results in the button being visible only when the input is _not_ empty.
The [`data-class`](/reference/plugins_attributes#class) attribute allows us to add or remove classes from an element using a set of key-value pairs that map to the class name and expression.
```html
-
+
```
-Since the expression evaluates to `true` or `false`, we can rewrite this as `!$input`.
+Since the expression evaluates to `true` or `false`, we can rewrite this as `!input.value`.
```html
-
+
```
@@ -177,10 +177,10 @@ Since the expression evaluates to `true` or `false`, we can rewrite this as `!$i