From c9c7b62b563fea6ade4bfb326d47c0bca19943f0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Thorsten=20L=C3=BCnborg?= <t.luenborg@googlemail.com>
Date: Mon, 21 Feb 2022 14:19:06 +0100
Subject: [PATCH 1/2] Document v-bind.attr shorthand in API section.

---
 src/api/built-in-directives.md | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/api/built-in-directives.md b/src/api/built-in-directives.md
index 4c1992d92f..e563bd4f44 100644
--- a/src/api/built-in-directives.md
+++ b/src/api/built-in-directives.md
@@ -319,13 +319,16 @@ Dynamically bind one or more attributes, or a component prop to an expression.
   <svg><a :xlink:special="foo"></a></svg>
   ```
 
-  The `.prop` modifier also has a dedicated shorthand, `.`:
+  The `.prop` and `.attr` modifiers also have a dedicated shorthand, `.` and `^` respectively:
 
   ```vue-html
   <div :someProperty.prop="someObject"></div>
-
   <!-- equivalent to -->
   <div .someProperty="someObject"></div>
+  
+  <div :someProperty.attr="someObject"></div>
+  <!-- equivalent to -->
+  <div ^someProperty="someObject"></div>
   ```
 
   The `.camel` modifier allows camelizing a `v-bind` attribute name when using in-DOM templates, e.g. the SVG `viewBox` attribute:

From 84cc395e0412efab25d97533fbaaa06c7079349a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Thorsten=20L=C3=BCnborg?= <t.luenborg@googlemail.com>
Date: Mon, 21 Feb 2022 16:09:24 +0100
Subject: [PATCH 2/2] Update src/api/built-in-directives.md

Co-authored-by: skirtle <65301168+skirtles-code@users.noreply.github.com>
---
 src/api/built-in-directives.md | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/api/built-in-directives.md b/src/api/built-in-directives.md
index e563bd4f44..d64cabc1be 100644
--- a/src/api/built-in-directives.md
+++ b/src/api/built-in-directives.md
@@ -326,9 +326,9 @@ Dynamically bind one or more attributes, or a component prop to an expression.
   <!-- equivalent to -->
   <div .someProperty="someObject"></div>
   
-  <div :someProperty.attr="someObject"></div>
+  <div :someProperty.attr="someString"></div>
   <!-- equivalent to -->
-  <div ^someProperty="someObject"></div>
+  <div ^someProperty="someString"></div>
   ```
 
   The `.camel` modifier allows camelizing a `v-bind` attribute name when using in-DOM templates, e.g. the SVG `viewBox` attribute: