🔤 UI/UX/wording

docs/components/examples/introducing/3ps-before.js

@@ -4,11 +4,11 @@ const button = document.querySelector('button');
 let count = 0;
 
 button.addEventListener('click', () => {
-  count++;
-  document.querySelector('p').textContent =
-    'Clicked ' + count + ' times';
+	count++;
+	document.querySelector('p').textContent =
+	'Clicked ' + count + ' times';
 
-  if (count > 10) {
-    button.disabled = true;
-  }
+	if (count > 10) {
+	button.disabled = true;
+	}
 });

docs/components/examples/introducing/3ps.js

@@ -4,11 +4,11 @@ const count = S(0);
 
 // 2. React to state changes
 S.on(count, value => {
-  updateUI(value);
-  if (value > 10) disableButton();
+	updateUI(value);
+	if (value > 10) disableButton();
 });
 
 // 3. Update state on events
 button.addEventListener('click', () => {
-  count.set(count.get() + 1);
+	count.set(count.get() + 1);
 });

docs/components/examples/introducing/helloWorld.js

@@ -3,28 +3,28 @@ import { S } from "deka-dom-el/signals";
 
 // A HelloWorld component using the 3PS pattern
 function HelloWorld({ emoji = "🚀" }) {
-  // PART 1: Create reactive state
-  const clicks = S(0);
-  
-  return el().append(
-    // PART 2: Bind state to UI elements
-    el("p", {
-      className: "greeting",
-      // This paragraph automatically updates when clicks changes
-      textContent: S(() => `Hello World ${emoji.repeat(clicks.get())}`)
-    }),
-    
-    // PART 3: Update state in response to events
-    el("button", {
-      type: "button",
-      textContent: "Add emoji",
-      // When clicked, update the state
-      onclick: () => clicks.set(clicks.get() + 1)
-    })
-  );
+	// PART 1: Create reactive state
+	const clicks = S(0);
+
+	return el().append(
+	// PART 2: Bind state to UI elements
+	el("p", {
+		className: "greeting",
+		// This paragraph automatically updates when clicks changes
+		textContent: S(() => `Hello World ${emoji.repeat(clicks.get())}`)
+	}),
+
+	// PART 3: Update state in response to events
+	el("button", {
+		type: "button",
+		textContent: "Add emoji",
+		// When clicked, update the state
+		onclick: () => clicks.set(clicks.get() + 1)
+	})
+	);
 }
 
 // Use the component in your app
 document.body.append(
-  el(HelloWorld, { emoji: "🎉" })
+	el(HelloWorld, { emoji: "🎉" })
 );