From 38596b1152c9572a6ee8495947627de7b96113a4 Mon Sep 17 00:00:00 2001
From: Ayo <ramon.aycojr@gmail.com>
Date: Sun, 22 Oct 2023 00:25:26 +0200
Subject: [PATCH] feat(templates): add data access explanation

---
 templates/basic/src/components/my-hello-world.js | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/templates/basic/src/components/my-hello-world.js b/templates/basic/src/components/my-hello-world.js
index 2379cf4..b8266fd 100644
--- a/templates/basic/src/components/my-hello-world.js
+++ b/templates/basic/src/components/my-hello-world.js
@@ -13,6 +13,11 @@ class HelloWorld extends WebComponent {
   }
 
   get template() {
+    /**
+     * any attribute/property in kebab-case...
+     * can be accessed via its camelCase counterpart
+     * example: data-name prop is accessible as this.dataName
+     */
     return `<button style="cursor:pointer">Hello ${this.dataName}!</button>`;
   }
 }