feat: ClientOnly component

[magne4000]

Same as vikejs/vike-react#35 but for Solid.

Closes #36

Usage

import { createSignal } from "solid-js";
import { ClientOnly } from "vike-solid/ClientOnly";

export { Counter };

function Counter() {
  const [count, setCount] = createSignal(0);

  return (
    <>
      <button onClick={() => setCount((count) => count + 1)}>
        Counter {count()}
      </button>
      <ClientOnly load={() => import('../star-wars/index/+Page')}>
        {(Page) => <Page movies={[{ id: '1', title: `${count()}`, release_date: 'today' }]} />}
      </ClientOnly>
    </>
  );
}

[brillout]

Very neat 🚀

I wonder, do we need deps in Solid?

Other than deps, the interface is exactly the same, correct? Context: vikejs/vike#1289.

[brillout]

FYI @usk94

[magne4000]

I wonder, do we need deps in Solid?

We do not, thanks to how Solid works internally 🚀.

[magne4000]

Other than deps, the interface is exactly the same, correct? Context: vikejs/vike#1289.

And yes, almost a copy paste, so no difference beside not needing deps.

[brillout]

Nice 👌 FYI I made a little commit: 031c1fe.