From ce8f8e06c0d79fbe44538a1d63c5bf3a79ba27ff Mon Sep 17 00:00:00 2001
From: Drew Powers <1369770+drwpow@users.noreply.github.com>
Date: Mon, 22 Nov 2021 13:38:53 -0700
Subject: Clean up styling for framework-* examples (#1970)

---
 examples/framework-multiple/src/components/PreactCounter.tsx   |  4 ++--
 examples/framework-multiple/src/components/ReactCounter.jsx    |  2 +-
 examples/framework-multiple/src/components/SolidCounter.tsx    |  2 +-
 .../framework-multiple/src/components/SvelteCounter.svelte     | 10 +++++-----
 examples/framework-multiple/src/components/VueCounter.vue      |  2 +-
 5 files changed, 10 insertions(+), 10 deletions(-)

(limited to 'examples/framework-multiple/src/components')

diff --git a/examples/framework-multiple/src/components/PreactCounter.tsx b/examples/framework-multiple/src/components/PreactCounter.tsx
index bfead53da..9c9bf73a1 100644
--- a/examples/framework-multiple/src/components/PreactCounter.tsx
+++ b/examples/framework-multiple/src/components/PreactCounter.tsx
@@ -8,12 +8,12 @@ export function PreactCounter({ children }) {
 
   return (
     <>
-      <div className="counter">
+      <div class="counter">
         <button onClick={subtract}>-</button>
         <pre>{count}</pre>
         <button onClick={add}>+</button>
       </div>
-      <div className="children">{children}</div>
+      <div class="counter-message">{children}</div>
     </>
   );
 }
diff --git a/examples/framework-multiple/src/components/ReactCounter.jsx b/examples/framework-multiple/src/components/ReactCounter.jsx
index 4b7c4bfa3..eca3cd2f7 100644
--- a/examples/framework-multiple/src/components/ReactCounter.jsx
+++ b/examples/framework-multiple/src/components/ReactCounter.jsx
@@ -13,7 +13,7 @@ export function Counter({ children }) {
         <pre>{count}</pre>
         <button onClick={add}>+</button>
       </div>
-      <div className="children">{children}</div>
+      <div className="counter-message">{children}</div>
     </>
   );
 }
diff --git a/examples/framework-multiple/src/components/SolidCounter.tsx b/examples/framework-multiple/src/components/SolidCounter.tsx
index 5a9ebe9d5..63fe5cb11 100644
--- a/examples/framework-multiple/src/components/SolidCounter.tsx
+++ b/examples/framework-multiple/src/components/SolidCounter.tsx
@@ -13,7 +13,7 @@ export default function SolidCounter({ children }) {
         <pre>{count()}</pre>
         <button onClick={add}>+</button>
       </div>
-      <div class="children">{children}</div>
+      <div class="counter-message">{children}</div>
     </>
   );
 }
diff --git a/examples/framework-multiple/src/components/SvelteCounter.svelte b/examples/framework-multiple/src/components/SvelteCounter.svelte
index 8d6b3f5e1..3cab8c43a 100644
--- a/examples/framework-multiple/src/components/SvelteCounter.svelte
+++ b/examples/framework-multiple/src/components/SvelteCounter.svelte
@@ -13,10 +13,10 @@
 </script>
 
 <div class="counter">
-    <button on:click={subtract}>-</button>
-    <pre>{ count }</pre>
-    <button on:click={add}>+</button>
+  <button on:click={subtract}>-</button>
+  <pre>{ count }</pre>
+  <button on:click={add}>+</button>
 </div>
-<div class="children">
-    <slot />
+<div class="counter-message">
+  <slot />
 </div>
diff --git a/examples/framework-multiple/src/components/VueCounter.vue b/examples/framework-multiple/src/components/VueCounter.vue
index 2703b8b9b..6c04c401a 100644
--- a/examples/framework-multiple/src/components/VueCounter.vue
+++ b/examples/framework-multiple/src/components/VueCounter.vue
@@ -4,7 +4,7 @@
     <pre>{{ count }}</pre>
     <button @click="add()">+</button>
   </div>
-  <div class="children">
+  <div class="counter-message">
     <slot />
   </div>
 </template>
-- 
cgit v1.2.3