Elderjs/elderjs

Windicss Svelte preprocessor breaks Hydrate-client

outerlook opened this issue · 0 comments

Hi there! I've being trying to setup windicss with elderjs, but after adding
adding it like this:

const sveltePreprocess = require('svelte-preprocess');
const { windi } = require('svelte-windicss-preprocess');

const windiPlugin = windi({
  configPath: './tailwind.config.js',
});

module.exports = {
  preprocess: [
    // if you comment to disable right here, hydrate-client will work again
    windiPlugin,
    sveltePreprocess({
      postcss: {
        plugins: [require('autoprefixer')],
      },
    }),
  ],
};

The hydrated clock does not work on minimal elderjs example.

Here is a reproduction repo:
https://github.com/outerlook/elderjs-windicss

Here is windicss instructions to setup:
https://windicss.org/integrations/svelte.html

Should I use another integration like rollup one that works with esbuild too?