summaryrefslogtreecommitdiff
path: root/examples/integrations-playground/src/pages/index.astro
diff options
context:
space:
mode:
Diffstat (limited to 'examples/integrations-playground/src/pages/index.astro')
-rw-r--r--examples/integrations-playground/src/pages/index.astro12
1 files changed, 6 insertions, 6 deletions
diff --git a/examples/integrations-playground/src/pages/index.astro b/examples/integrations-playground/src/pages/index.astro
index 2ee717d6a..06c9aa3d8 100644
--- a/examples/integrations-playground/src/pages/index.astro
+++ b/examples/integrations-playground/src/pages/index.astro
@@ -1,8 +1,9 @@
---
import Lorem from '../components/Lorem.astro';
import Link from '../components/Link.jsx';
+import SolidCounter from '../components/SolidCounter.jsx';
import '../components/Test.js';
-import '../components/Counter.js';
+import '../components/Counter.js';
---
<!DOCTYPE html>
@@ -14,20 +15,19 @@ import '../components/Counter.js';
<body>
<h1 class="px-4 py-4">Test app</h1>
<h2 class="partytown-status">
- <strong>Party Mode!</strong>
+ <strong>Party Mode!</strong>
Colors changing = partytown is enabled
</h2>
<my-counter client:load></my-counter>
+ <SolidCounter client:load></SolidCounter>
<Link to="/foo" text="Go to Page 2" />
<Lorem />
<calc-add num={33}></calc-add>
-
-
<script type="text/partytown">
// Remove `type="text/partytown"` to see this block the page
// and cause the page to become unresponsive
console.log('start partytown blocking script')
- const now = Date.now()
+ const now = Date.now()
let count = 1;
while (Date.now() - now < 10000) {
if (Date.now() - now > count * 1000) {
@@ -46,7 +46,7 @@ import '../components/Counter.js';
</script>
<style>
h1, h2 {
- color: blue;
+ color: blue;
}
</style>
</body>