From c598b1a57fbd68bd703c7aef7e15665a2f983aad Mon Sep 17 00:00:00 2001
From: artem <artem@webart-tech.ru>
Date: Sat, 3 Oct 2026 07:57:38 +0300
Subject: [PATCH] =?UTF-8?q?=D0=BF=D1=80=D0=B0=D0=B2=D0=BA=D0=B0=20=D1=80?=
 =?UTF-8?q?=D0=B0=D1=81=D1=81=D1=87=D0=B5=D1=82=D0=B0=20=D0=B2=D0=B8=D1=80?=
 =?UTF-8?q?=D1=82=D1=83=D0=B0=D0=BB=D1=8C=D0=BD=D0=BE=D0=B9=20=D0=BC=D0=BE?=
 =?UTF-8?q?=D1=89=D0=BD=D0=BE=D1=81=D1=82=D0=B8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/workouts/WorkoutItem.vue            | 3 +++
 src/pages/workouts/components/WorkoutItem.vue | 5 +----
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/pages/workouts/WorkoutItem.vue b/src/pages/workouts/WorkoutItem.vue
index e740557..ce2314b 100644
--- a/src/pages/workouts/WorkoutItem.vue
+++ b/src/pages/workouts/WorkoutItem.vue
@@ -2,6 +2,7 @@
   <h1 class="page-title">Tренировка</h1>
   <WorkoutItemComponent
     v-if="workoutItem"
+    :key="dataKey"
     :workoutItem="workoutItem"
     :data="data"
     :mapCenter="mapCenter"
@@ -33,6 +34,7 @@ const distances = ref<Array<number>>([]);
 const workoutItem = ref<WorkoutItem>();
 const data = ref<ChartDataByMetric>({});
 const dzenLink = ref("");
+const dataKey = ref(0);
 
 const initWorkout = (id: string) => {
   GetWorkout(`/api/v0/workouts/${id}`)
@@ -45,6 +47,7 @@ const initWorkout = (id: string) => {
       if (d.dzenLink != undefined) {
         dzenLink.value = d.dzenLink;
       }
+      dataKey.value++;
     })
     .catch((_error: AxiosError) => {
       init({
diff --git a/src/pages/workouts/components/WorkoutItem.vue b/src/pages/workouts/components/WorkoutItem.vue
index 9985270..85f8bd7 100644
--- a/src/pages/workouts/components/WorkoutItem.vue
+++ b/src/pages/workouts/components/WorkoutItem.vue
@@ -299,7 +299,7 @@
     <div
       class="workout-chart"
       v-for="config in chartConfigs"
-      :key="config.key + xAxisMode + vpChartKey"
+      :key="config.key + xAxisMode"
     >
       <h4 class="workout-chart-title">
         {{ config.title }}
@@ -1127,9 +1127,6 @@ const workoutNP = computed<number | null>(() =>
 );
 // Rebuilt per x-axis mode: labels switch between times and distances and
 // options get a fresh x-scale, so every canvas must remount on mode change.
-const vpChartKey = computed(() =>
-  workoutItem?.virtual_power != null ? "-vp" : ""
-);
 const chartConfigs = computed<Array<ChartConfig>>(() => {
   const labels = xAxisMode.value === "time" ? times : distances;
   const configs: Array<ChartConfig> = [];