[Client] minor refacto

fittrackee_client/src/components/Workout/WorkoutDetail/WorkoutChart/index.vue

@@ -56,7 +56,7 @@
   import { LineChart, useLineChart } from 'vue-chart-3'
   import { useI18n } from 'vue-i18n'
 
-  import { htmlLegendPlugin } from '@/components/Workout/WorkoutChart/legend'
+  import { htmlLegendPlugin } from '@/components/Workout/WorkoutDetail/WorkoutChart/legend'
   import { TUnit } from '@/types/units'
   import { IUserProfile } from '@/types/user'
   import {

fittrackee_client/src/components/Workout/WorkoutDetail/WorkoutChart/legend.ts

@@ -50,8 +50,8 @@ export const htmlLegendPlugin = {
 
       const boxSpan = document.createElement('span')
       if (boxSpan) {
-        boxSpan.style.background = `${item.fillStyle}`
-        boxSpan.style.borderColor = `${item.strokeStyle}`
+        boxSpan.style.background = String(item.fillStyle)
+        boxSpan.style.borderColor = String(item.strokeStyle)
       }
 
       li.appendChild(checkBox)

fittrackee_client/src/views/workouts/Workout.vue

@@ -52,10 +52,10 @@
   import { useRoute } from 'vue-router'
 
   import NotFound from '@/components/Common/NotFound.vue'
-  import WorkoutChart from '@/components/Workout/WorkoutChart/index.vue'
   import WorkoutDetail from '@/components/Workout/WorkoutDetail/index.vue'
-  import WorkoutNotes from '@/components/Workout/WorkoutNotes.vue'
-  import WorkoutSegments from '@/components/Workout/WorkoutSegments.vue'
+  import WorkoutChart from '@/components/Workout/WorkoutDetail/WorkoutChart/index.vue'
+  import WorkoutNotes from '@/components/Workout/WorkoutDetail/WorkoutNotes.vue'
+  import WorkoutSegments from '@/components/Workout/WorkoutDetail/WorkoutSegments.vue'
   import {
     AUTH_USER_STORE,
     SPORTS_STORE,