From 7e6199de9deda387cc0bf76ad6009ac9b5aaeb20 Mon Sep 17 00:00:00 2001
From: Samay Kapadia <samay.kapadia@gmail.com>
Date: Thu, 7 Nov 2024 07:11:54 +0100
Subject: [PATCH] clearer example

---
 packages/docs/src/en/directives/bind.md | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/docs/src/en/directives/bind.md b/packages/docs/src/en/directives/bind.md
index 9bcaa4f9e..29f7151af 100644
--- a/packages/docs/src/en/directives/bind.md
+++ b/packages/docs/src/en/directives/bind.md
@@ -10,8 +10,8 @@ title: bind
 For example, here's a component where we will use `x-bind` to set the placeholder value of an input.
 
 ```alpine
-<div x-data="{ placeholder: 'Type here...' }">
-    <input type="text" x-bind:placeholder="placeholder">
+<div x-data="{ placeholder_text: 'Type here...' }">
+    <input type="text" x-bind:placeholder="placeholder_text">
 </div>
 ```
 
@@ -21,7 +21,7 @@ For example, here's a component where we will use `x-bind` to set the placeholde
 If `x-bind:` is too verbose for your liking, you can use the shorthand: `:`. For example, here is the same input element as above, but refactored to use the shorthand syntax.
 
 ```alpine
-<input type="text" :placeholder="placeholder">
+<input type="text" :placeholder="placeholder_text">
 ```
 
 > Despite not being included in the above snippet, `x-bind` cannot be used if no parent element has `x-data` defined. [→ Read more about `x-data`](/directives/data)