Fix rehydrate children

[chrisvxd]

Fixes rehydrateChildren to work with containerises approach defined in #3. I've tried to drop any special terminology.

What?

It works the same as before, but as convention suggest using own selectors instead of data-rehydratable-children and referring to method as rehydrate, as it's just a prebaked version of the main rehydrate method.

export default async (el, rehydrate) => {
  const children = await rehydrate(el.querySelector('.my-component-children'));

  return <MyComponent>
    {children}
  </MyComponent>;
};

Breaking changes

• rehydrateChildren is no longer exported from the lib
• rehydrateChildren is no longer provided to rehydrators. Use children instead.

---

Update 15/09 - adjusted to reflect that this is actually mostly retaining existing API, but fixing it to align with #3.

[monospaced]

Problem with this: innerHTML !== children

export default () => (
  <Tabs>
    <Tab label="Food 1">Sausages</Tab>
    <Tab label="Food 2">Bacon</Tab>
  </Tabs>
);

<div class="tabs">
  <div class="tabs-buttons">
    <button>Food 1</button>
    <button>Food 2</button>
  </div>
  <div class="tabs-content">
    <div class="tab">
      Sausages
    </div>
    <div class="tab">
      Bacon
    </div>
  </div>
</div>