From a0b1c86453bbb40fb3fab460f223370d3fe8a5df Mon Sep 17 00:00:00 2001
From: Laila Los <44241786+ElectronicBlueberry@users.noreply.github.com>
Date: Wed, 19 Mar 2025 16:16:09 +0100
Subject: [PATCH] enable lazy loading for ace-builds

---
 client/src/components/Markdown/Editor/CellWrapper.vue | 7 ++++---
 client/webpack.config.js                              | 1 +
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/client/src/components/Markdown/Editor/CellWrapper.vue b/client/src/components/Markdown/Editor/CellWrapper.vue
index c2aaadd436c..0f9fd531df4 100644
--- a/client/src/components/Markdown/Editor/CellWrapper.vue
+++ b/client/src/components/Markdown/Editor/CellWrapper.vue
@@ -21,8 +21,8 @@
                 <CellAction
                     :name="name"
                     :show="hover"
-                    :cellIndex="cellIndex"
-                    :cellTotal="cellTotal"
+                    :cell-index="cellIndex"
+                    :cell-total="cellTotal"
                     @clone="$emit('clone')"
                     @configure="$emit('configure')"
                     @delete="$emit('delete')"
@@ -53,9 +53,10 @@ import MarkdownDefault from "../Sections/MarkdownDefault.vue";
 import MarkdownGalaxy from "../Sections/MarkdownGalaxy.vue";
 import CellAction from "./CellAction.vue";
 import CellButton from "./CellButton.vue";
-import CellCode from "./CellCode.vue";
 import ConfigureGalaxy from "./Configurations/ConfigureGalaxy.vue";
 
+const CellCode = () => import("./CellCode.vue");
+
 const VALID_TYPES = ["galaxy", "markdown", "vega", "visualization", "vitessce"];
 
 const props = defineProps<{
diff --git a/client/webpack.config.js b/client/webpack.config.js
index 43699d475e3..cd5b6458f81 100644
--- a/client/webpack.config.js
+++ b/client/webpack.config.js
@@ -28,6 +28,7 @@ const modulesExcludedFromLibs = [
     "vega",
     "vega-embed",
     "vega-lite",
+    "ace-builds",
 ].join("|");
 
 const buildDate = new Date();