From d4994e8b855ea367125beb47ccc70b0c66ef9773 Mon Sep 17 00:00:00 2001 From: Zach Leatherman Date: Fri, 2 Dec 2022 15:11:44 -0600 Subject: [PATCH] Docs for https://github.com/11ty/webc/issues/71 --- src/docs/languages/webc.md | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/src/docs/languages/webc.md b/src/docs/languages/webc.md index 0e359b801d..b0d82b4c19 100644 --- a/src/docs/languages/webc.md +++ b/src/docs/languages/webc.md @@ -472,7 +472,8 @@ Make any attribute into a prop by prefixing it with `@`. Props are “private” ``` -* In the HTML specification, attribute names are lower-case. When referencing these inside of a dynamic attribute, use the lower-case name (e.g. `` would be `@text="propname"`). See [issue #71 for more discussion](https://github.com/11ty/webc/issues/71). +* In the HTML specification, attribute names are lower-case. When referencing these inside of a dynamic attribute, use the lower-case name (e.g. `` would be `@text="propname"`). More at [issue #71](https://github.com/11ty/webc/issues/71). +* {% addedin "WebC v0.8.0" %}Attribute or property names with dashes are converted to camelcase for JS (e.g. `` can be used like `@text="propName"`). More at [issue #71](https://github.com/11ty/webc/issues/71). ### Dynamic attributes @@ -491,6 +492,7 @@ Make any attribute into a dynamic attribute by prefixing it with `:`. You have a ``` * In the HTML specification, attribute names are lower-case. When referencing these inside of a dynamic attribute, use the lower-case name (e.g. `` would be `:src="mysrc"`). See [issue #71 for more discussion](https://github.com/11ty/webc/issues/71). +* {% addedin "WebC v0.8.0" %}Attribute or property names with dashes are converted to camelcase for JS (e.g. `` can be used like `@text="propName"`). More at [issue #71](https://github.com/11ty/webc/issues/71). * WebC versions prior to `0.5.0` required `this.` (e.g. `this.src`/`this.alt`) when referencing data/attributes/property values. This is no longer required in dynamic attributes.