Merge branch 'replacing-prerender-2754' of https://github.com/FAIRsharing/fairsharing.github.io into replacing-prerender-2754

Author: prakhyatox

documentation/html/components_Ontologies_OntologySunburst.vue.html

@@ -92,7 +92,9 @@ <h1 class="page-title">Source: components/Ontologies/OntologySunburst.vue</h1>
     <article>
         <pre
             class="sunlight-highlight-javascript linenums">&lt;template>
-  &lt;highcharts v-if="!loadingData" :options="sunburstOptions" />
+  &lt;div class="highcharts-wrapper">
+    &lt;highcharts v-if="!loadingData" :options="sunburstOptions" />
+  &lt;/div>
 &lt;/template>
 
 &lt;script>
@@ -101,6 +103,7 @@ <h1 class="page-title">Source: components/Ontologies/OntologySunburst.vue</h1>
 import Highcharts from "highcharts";
 import Sunburst from "highcharts/modules/sunburst";
 import Exporting from "highcharts/modules/exporting";
+import { defineAsyncComponent } from "vue"; //Implement Sunburst module for Highcharts
 
 //Implement Sunburst module for Highcharts
 // check if Sunburst is a function, if not try .default
@@ -118,6 +121,14 @@ <h1 class="page-title">Source: components/Ontologies/OntologySunburst.vue</h1>
 
 export default {
   name: "OntologySunburst",
+  components: {
+    // Register highcharts asynchronously so it bypasses Server-Side Compilation checks safely
+    highcharts: defineAsyncComponent(() =>
+      import("highcharts-vue").then(
+        (module) => module.Chart || module.default.Chart || module,
+      ),
+    ),
+  },
   props: {
     itemClicked: { default: null, type: Object },
   },