Alexander/FitTrackee
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Client - inject sport colors

Browse Source
This commit is contained in:
Sam
2021-10-23 15:47:17 +02:00
parent bf229860ae
commit 2de2ad3f3f
4 changed files with 9 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
fittrackee_client/src/components/Common/Images/SportImage/index.vue
View File

@ -2,7 +2,7 @@
<div
class="sport-img"
:style="{ fill: sportColors[sportLabel] }"
:title="title ? title : t(`sports.${sportLabel}.LABEL`)"
:title="title ? title : $t(`sports.${sportLabel}.LABEL`)"
>
<CyclingSport v-if="sportLabel === 'Cycling (Sport)'" />
<CyclingTransport v-if="sportLabel === 'Cycling (Transport)'" />
@ -14,8 +14,7 @@
</template>
<script lang="ts">
import { defineComponent } from 'vue'
import { useI18n } from 'vue-i18n'
import { defineComponent, inject } from 'vue'
import CyclingSport from '@/components/Common/Images/SportImage/CyclingSport.vue'
import CyclingTransport from '@/components/Common/Images/SportImage/CyclingTransport.vue'
@ -23,7 +22,6 @@
import MountainBiking from '@/components/Common/Images/SportImage/MountainBiking.vue'
import Running from '@/components/Common/Images/SportImage/Running.vue'
import Walking from '@/components/Common/Images/SportImage/Walking.vue'
import { sportColors } from '@/utils/sports'
export default defineComponent({
name: 'SportImg',
@ -46,8 +44,7 @@
},
},
setup() {
const { t } = useI18n()
return { sportColors, t }
return { sportColors: inject('sportColors') }
},
})
</script>