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

Client - init locales files ('en' and 'fr')

Browse Source
This commit is contained in:
Sam
2021-08-04 09:53:17 +02:00
parent 04f64b750c
commit 1e77fa68b6
17 changed files with 78 additions and 48 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
fittrackee_client/src/components/HelloI18n.vue
View File

@ -1,30 +0,0 @@
<template>
<p>{{ t('hello') }}</p>
</template>
<script lang="ts">
import { defineComponent } from 'vue'
import { useI18n } from 'vue-i18n'
export default defineComponent({
name: 'HelloI18n',
setup() {
const { t } = useI18n({
inheritLocale: true,
useScope: 'local',
})
// Something todo ..
return { t }
},
})
</script>
<i18n>
{
"en": {
"hello": "Hello i18n in SFC!"
}
}
</i18n>

22
fittrackee_client/src/components/NavBar.vue
View File

@ -17,17 +17,19 @@
></i>
</div>
<div class="nav-items-app-menu" @click="closeMenu()">
<router-link class="nav-item" to="/">Dashboard</router-link>
<span class="nav-item">Workout</span>
<span class="nav-item">Statistics</span>
<span class="nav-item">Admin</span>
<span class="nav-item">Add Workout</span>
<router-link class="nav-item" to="/">{{
t('dashboard.DASHBOARD')
}}</router-link>
<span class="nav-item">{{ t('workouts.WORKOUTS') }}</span>
<span class="nav-item">{{ t('statistics.STATISTICS') }}</span>
<span class="nav-item">{{ t('administration.ADMIN') }}</span>
<span class="nav-item">{{ t('workouts.ADD_WORKOUT') }}</span>
</div>
<div class="nav-items-user-menu">
<span class="nav-item">User</span>
<span class="nav-item">Logout</span>
<span class="nav-item">Register</span>
<span class="nav-item">Login</span>
<span class="nav-item">{{ t('user.LOGOUT') }}</span>
<span class="nav-item">{{ t('user.REGISTER') }}</span>
<span class="nav-item">{{ t('user.LOGIN') }}</span>
</div>
</div>
</div>
@ -36,18 +38,20 @@
<script lang="ts">
import { defineComponent, ref } from 'vue'
import { useI18n } from 'vue-i18n'
export default defineComponent({
name: 'NavBar',
setup() {
let isMenuOpen = ref(false)
const { t } = useI18n()
function openMenu() {
isMenuOpen.value = true
}
function closeMenu() {
isMenuOpen.value = false
}
return { isMenuOpen, openMenu, closeMenu }
return { isMenuOpen, openMenu, closeMenu, t }
},
})
</script>