update examples for auto detection

Author: barelyhuman

playground/Container.js

@@ -1,5 +1,3 @@
-// @island
-
 import { signal } from '@preact/signals'
 import Counter from './Counter'
 import TextIsland from './TextIsland'
@@ -8,10 +6,17 @@ import CounterTS from './CounterTS'
 const count = signal(0)
 
 export default function Container({ children }) {
+  function onInc() {
+    count.value += 1
+  }
   return (
     <>
-      <Counter value={count} inc={() => (count.value += 1)} />
-      <CounterTS value={count} inc={() => (count.value += 1)} />
+      <div>
+        <p>Shared State:</p>
+        <Counter value={'+'} inc={onInc} />
+        <span>{count}</span>
+        <CounterTS value={'-'} inc={() => (count.value -= 1)} />
+      </div>
       <TextIsland />
     </>
   )

playground/CounterTS.tsx

@@ -14,9 +14,12 @@ export default function CounterTS({ value, inc }: Props) {
   return (
     <>
       <button onClick={inc}>{value}</button>
-      <button onClick={() => (internalCount.value += 1)}>
-        internal:{internalCount}
-      </button>
+      <div>
+        internal to CounterTS:
+        <button onClick={() => (internalCount.value += 1)}>
+          {internalCount}
+        </button>
+      </div>
     </>
   )
 }

playground/TextIsland.js

@@ -1,4 +1,3 @@
-// @island
 import { useState } from 'preact/hooks'
 
 export default function TextIsland() {