Client - register SportImage component

fittrackee_client/src/components/Common/Images/SportImage/index.vue

@@ -24,7 +24,7 @@
   import Walking from '@/components/Common/Images/SportImage/Walking.vue'
 
   export default defineComponent({
-    name: 'SportImg',
+    name: 'SportImage',
     components: {
       CyclingSport,
       CyclingTransport,

fittrackee_client/src/components/Dashboard/UserCalendar/CalendarWorkout.vue

@@ -25,14 +25,10 @@
   import { defineComponent, PropType } from 'vue'
   import { useI18n } from 'vue-i18n'
 
-  import SportImage from '@/components/Common/Images/SportImage/index.vue'
   import { IWorkout } from '@/types/workouts'
 
   export default defineComponent({
     name: 'CalendarWorkout',
-    components: {
-      SportImage,
-    },
     props: {
       workout: {
         type: Object as PropType<IWorkout>,

fittrackee_client/src/components/Dashboard/UserRecords/RecordsCard.vue

@@ -30,14 +30,10 @@
   import { PropType, defineComponent } from 'vue'
   import { useI18n } from 'vue-i18n'
 
-  import SportImage from '@/components/Common/Images/SportImage/index.vue'
   import { IRecord } from '@/types/workouts'
 
   export default defineComponent({
     name: 'RecordsCard',
-    components: {
-      SportImage,
-    },
     props: {
       records: {
         type: Object as PropType<IRecord[]>,

fittrackee_client/src/components/Statistics/StatsSportsMenu.vue

@@ -23,15 +23,11 @@
   import { ComputedRef, PropType, computed, defineComponent, inject } from 'vue'
   import { useI18n } from 'vue-i18n'
 
-  import SportImage from '@/components/Common/Images/SportImage/index.vue'
   import { ISport, ITranslatedSport } from '@/types/sports'
   import { translateSports } from '@/utils/sports'
 
   export default defineComponent({
     name: 'SportsMenu',
-    components: {
-      SportImage,
-    },
     props: {
       selectedSportIds: {
         type: Array as PropType<number[]>,

fittrackee_client/src/components/Workout/WorkoutCard.vue

@@ -79,7 +79,6 @@
   import { Locale, format, formatDistance } from 'date-fns'
   import { PropType, defineComponent, ComputedRef, computed } from 'vue'
 
-  import SportImage from '@/components/Common/Images/SportImage/index.vue'
   import StaticMap from '@/components/Common/StaticMap.vue'
   import { ROOT_STORE } from '@/store/constants'
   import { ISport } from '@/types/sports'
@@ -93,7 +92,6 @@
     name: 'WorkoutCard',
     components: {
       StaticMap,
-      SportImage,
     },
     props: {
       workout: {

fittrackee_client/src/components/Workout/WorkoutDetail/WorkoutCardTitle.vue

@@ -83,15 +83,11 @@
 <script lang="ts">
   import { PropType, defineComponent } from 'vue'
 
-  import SportImage from '@/components/Common/Images/SportImage/index.vue'
   import { ISport } from '@/types/sports'
   import { IWorkoutObject } from '@/types/workouts'
 
   export default defineComponent({
     name: 'WorkoutCardTitle',
-    components: {
-      SportImage,
-    },
     props: {
       sport: {
         type: Object as PropType<ISport>,

fittrackee_client/src/components/Workouts/WorkoutsList.vue

@@ -114,7 +114,6 @@
     onBeforeMount,
   } from 'vue'
 
-  import SportImage from '@/components/Common/Images/SportImage/index.vue'
   import StaticMap from '@/components/Common/StaticMap.vue'
   import NoWorkouts from '@/components/Workouts/NoWorkouts.vue'
   import { WORKOUTS_STORE } from '@/store/constants'
@@ -128,7 +127,6 @@
     name: 'WorkoutsList',
     components: {
       NoWorkouts,
-      SportImage,
       StaticMap,
     },
     props: {

fittrackee_client/src/custom-components.ts

@@ -3,6 +3,7 @@ import Card from '@/components/Common/Card.vue'
 import CustomTextArea from '@/components/Common/CustomTextArea.vue'
 import Dropdown from '@/components/Common/Dropdown.vue'
 import ErrorMessage from '@/components/Common/ErrorMessage.vue'
+import SportImage from '@/components/Common/Images/SportImage/index.vue'
 import Loader from '@/components/Common/Loader.vue'
 import Modal from '@/components/Common/Modal.vue'
 
@@ -14,4 +15,5 @@ export const customComponents = [
   ErrorMessage,
   Loader,
   Modal,
+  SportImage,
 ]