From 7ce4c1107ae9e50249ee652e24fb750683e25f5b Mon Sep 17 00:00:00 2001
From: rkouye <romaric.kouye@opendatasoft.com>
Date: Fri, 14 Jan 2022 12:04:19 +0100
Subject: [PATCH 1/2] Revert "Revert "Hydrate svelte component during
 rendering""

This reverts commit 1d2da908c38bc021ce6b197698cb5086b0a28131.
---
 packages/visualizations/src/components/SvelteImpl.ts | 1 +
 1 file changed, 1 insertion(+)

diff --git a/packages/visualizations/src/components/SvelteImpl.ts b/packages/visualizations/src/components/SvelteImpl.ts
index 6c7e4a3b..08e0a4e9 100644
--- a/packages/visualizations/src/components/SvelteImpl.ts
+++ b/packages/visualizations/src/components/SvelteImpl.ts
@@ -14,6 +14,7 @@ export default abstract class SvelteImpl<Data, Options> extends BaseComponent<Da
                 data: this.data,
                 options: this.options,
             },
+            hydrate: true,
         });
     }
 

From 7c86272e7742acd53b4aace1d8e26490fb167734 Mon Sep 17 00:00:00 2001
From: rkouye <romaric.kouye@opendatasoft.com>
Date: Fri, 14 Jan 2022 12:05:36 +0100
Subject: [PATCH 2/2] Compile svelte component as hydratable

---
 packages/visualizations/rollup.config.js | 1 +
 1 file changed, 1 insertion(+)

diff --git a/packages/visualizations/rollup.config.js b/packages/visualizations/rollup.config.js
index f9f1f116..1c8ff760 100644
--- a/packages/visualizations/rollup.config.js
+++ b/packages/visualizations/rollup.config.js
@@ -22,6 +22,7 @@ function basePlugins() {
             dev: !production,
             include: 'src/**/*.svelte',
             emitCss: true,
+            hydratable: true,
             preprocess: autoPreprocess({
                 scss: {
                     includePaths: ['src'],