Working example with rerendering of LearningPathDiagram

client/src/components/learningPath/LearningPathDiagram.vue

@@ -46,8 +46,6 @@ export default {
       }
 
       if (this.learningPath) {
-        console.log("#$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$#");
-        console.log(this.learningPath);
         const internalCircles = [];
         this.learningPath.circles.forEach((circle) => {
           const pieWeights = new Array(

client/src/components/learningPath/LearningPathViewVertical.vue

@@ -25,7 +25,7 @@ const emits = defineEmits(["closemodal"]);
           <LearningPathDiagram
             v-if="learningPathStore.learningPath"
             class="w-full"
-            identifier="verticalVisualization"
+            :identifier="`verticalVisualization-${learningPathStore.learningPath.slug}`"
             :vertical="true"
           ></LearningPathDiagram>
         </div>

client/src/pages/learningPath/LearningPathPage.vue

@@ -69,7 +69,7 @@ const createContinueUrl = (learningPath: LearningPath): [string, boolean] => {
           </div>
           <LearningPathDiagram
             class="mx-auto max-w-[1920px] max-h-[380px] w-full px-4"
-            identifier="mainVisualization"
+            :identifier="`mainVisualization-${learningPathStore.learningPath.slug}`"
             :vertical="false"
           ></LearningPathDiagram>
         </div>