Feature request: enable Stencil.js hydrate target for SSR support (server-side rendering)

[rriemann]

Dear all,

ecl-webcomponents reclies on Stencil.js and generates so far several targets including for vuejs.

According to https://stenciljs.com/docs/server-side-rendering#hydrate-module, Stencil.js allows to activate another target in stencil.configjs that can be used with the vuejs target to enable in e.g. vue/vite server-side rendering.

Code from the docs above:

import { Config } from '@stencil/core';

export const config: Config = {
  outputTargets: [
    {
      type: 'dist-hydrate-script',
      dir: './hydrate',
    },
    // ...
  ]
};

Vanilla ECL works astonishingly well without javascript. With SSR support for ECL Webcomponents, both accessibility and rendering speed wuld benefit.

Update: follow the stencil discussion at stenciljs/core#6688 on the same topic.