Translate the UI

Author: lcharette

app/assets/components/FooterContent.vue

@@ -1,9 +1,3 @@
 <template>
-    <UFFooterContent>
-        Copyright 2024 - <a href="https://www.userfrosting.com">Created with UserFrosting</a> |
-        Theme built with
-        <a href="http://getuikit.com" title="Visit UIkit 3 site" target="_blank" data-uk-tooltip>
-            <span data-uk-icon="uikit"></span>
-        </a>
-    </UFFooterContent>
+    <UFFooterContent>{{ $t('COPYRIGHT', { year: new Date().getFullYear() }) }}</UFFooterContent>
 </template>

app/assets/components/NavBar.vue

@@ -24,8 +24,10 @@ const auth = useAuthStore()
             :username="auth.user.full_name"
             :avatar="auth.user.avatar"
             :meta="auth.user.user_name">
-            <UFNavBarUserCardButton label="Admin Panel" :to="{ name: 'admin.dashboard' }" />
-            <UFNavBarUserCardButton :label="$t('ACCOUNT.MY')" :to="{ name: 'account.settings' }" />
+            <UFNavBarUserCardButton :label="$t('ADMIN_PANEL')" :to="{ name: 'admin.dashboard' }" />
+            <UFNavBarUserCardButton
+                :label="$t('ACCOUNT.SETTINGS')"
+                :to="{ name: 'account.settings' }" />
             <UFNavBarUserCardButton :label="$t('LOGOUT')" @click="auth.logout()" />
         </UFNavBarUserCard>
     </UFNavBar>

app/assets/layouts/LayoutDashboard.vue

@@ -7,7 +7,7 @@ import { SidebarMenuItems } from '@userfrosting/sprinkle-admin/components'
 <template>
     <NavBar />
     <UFSideBar>
-        <UFSideBarLabel label="Admin Panel" />
+        <UFSideBarLabel :label="$t('ADMIN_PANEL')" />
         <SidebarMenuItems />
     </UFSideBar>
     <UFMainContent>

app/assets/router/index.ts

@@ -32,7 +32,7 @@ const router = createRouter({
             component: () => import('../layouts/LayoutDashboard.vue'),
             children: [...AdminRoutes],
             meta: {
-                title: 'ADMIN'
+                title: 'ADMIN_PANEL'
             }
         }
     ]

app/assets/views/HomeView.vue

@@ -32,7 +32,7 @@ const helloMsg = computed(() => {
 
         <div class="uk-grid-small uk-child-width-auto" uk-grid>
             <div>
-                <a class="uk-button uk-button-text" href="#">Read more</a>
+                <a class="uk-button uk-button-text" href="#">{{ $t('READ_MORE') }}</a>
             </div>
         </div>
     </article>

app/locale/en_US/messages.php

@@ -0,0 +1,22 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * UserFrosting (http://www.userfrosting.com)
+ *
+ * @link      https://github.com/userfrosting/UserFrosting
+ * @copyright Copyright (c) 2013-2024 Alexander Weissman & Louis Charette
+ * @license   https://github.com/userfrosting/UserFrosting/blob/master/LICENSE.md (MIT License)
+ */
+
+/**
+ * US English translation.
+ */
+return [
+    'ABOUT' => 'About',
+
+    'READ_MORE' => 'Read more',
+
+    'WELCOME_TO' => 'Welcome to {{title}}, {{user}}!',
+];

app/locale/fr_FR/messages.php

@@ -0,0 +1,22 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * UserFrosting (http://www.userfrosting.com)
+ *
+ * @link      https://github.com/userfrosting/UserFrosting
+ * @copyright Copyright (c) 2013-2024 Alexander Weissman & Louis Charette
+ * @license   https://github.com/userfrosting/UserFrosting/blob/master/LICENSE.md (MIT License)
+ */
+
+/**
+ * French translations
+ */
+return [
+    'ABOUT'        => 'À propos',
+
+    'READ_MORE'   => 'Lire la suite',
+
+    'WELCOME_TO'               => 'Bienvenue sur {{title}}, {{user}}!',
+];