Add menu translations

src/i18n/ca-ES/index.js

@@ -40,26 +40,35 @@ export default {
         ]
     },
     of: 'de',
-    // Menu
+
-    home: 'Inici',
+    // Sections titles
-    catalog: 'Catàleg',
+    Home: 'Inici',
-    pendingOrders: 'Comandes pendents',
+    Orders: 'Comandes',
-    confirmedOrders: 'Comandes confirmades',
+    Ticket: `Detall de l'encarrec`,
-    invoices: 'Factures',
+    'Pending orders': 'Comandes pendents',
-    agencyPackages: 'Paquets per agència',
+    'Last orders': 'Comandes confirmades',
-    accountConfig: 'Configuració',
+    Invoices: 'Factures',
-    addressesList: 'Adreces',
+    Basket: 'Cistella',
-    addressDetails: 'Configuració',
+    Catalog: 'Catàleg',
-    checkout: 'Configurar encàrrec',
+    Administration: 'Administració',
-    controlPanel: 'Panell de control',
+    'Control panel': 'Panell de control',
-    adminConnections: 'Connexions',
+    Users: 'Usuaris',
-    adminItems: 'Articles',
+    Connections: 'Connexions',
-    adminVisits: 'Visites',
+    Visits: 'Visites',
-    adminUsers: "Gestió d'usuaris",
+    News: 'Notícies',
-    adminPhotos: 'Imatges',
+    Photos: 'Imatges',
-    adminNews: 'Gestió de noticies',
+    Images: 'Imatges',
-    adminNewsDetails: 'Afegir o editar notícia',
+    Items: 'Articles',
-    basket: 'Cistella de la compra',
+    Agencies: 'Agències',
+    Reports: 'Informes',
+    Configuration: 'Configuració',
+    Shelves: 'Prestatgeries',
+    Account: 'Compte',
+    Addresses: 'Adreces',
+    Confirm: 'Confirmar',
+    Checkout: `Configurar l'encarrec`,
+    'Address details': 'Configuració',
+    'Admin news details': `Afegir o editar notícia`,
     //
     orderLoadedIntoBasket: 'Comanda carregada a la cistella!',
     loadAnOrder:

src/i18n/en-US/index.js

@@ -53,26 +53,34 @@ export default {
         ]
     },
 
-    // menu
+    // Sections titles
-    home: 'Home',
+    Home: 'Home',
-    catalog: 'Catalog',
+    Orders: 'Orders',
-    pendingOrders: 'Pending orders',
+    Ticket: 'Detalle del pedido',
-    confirmedOrders: 'Confirmed orders',
+    'Pending orders': 'Pending orders',
-    invoices: 'Invoices',
+    'Last orders': 'Confirmed orders',
-    agencyPackages: 'Bundles by agency',
+    Invoices: 'Invoices',
-    accountConfig: 'Configuration',
+    Basket: 'Basket',
-    addressesList: 'Addresses',
+    Catalog: 'Catalog',
-    addressDetails: 'Configuration',
+    Administration: 'Administration',
-    checkout: 'Configure order',
+    'Control panel': 'Control panel',
-    controlPanel: 'Control panel',
+    Users: 'Users',
-    adminConnections: 'Connections',
+    Connections: 'Connections',
-    adminItems: 'Items',
+    Visits: 'Visits',
-    adminVisits: 'Visits',
+    News: 'News',
-    adminUsers: 'User management',
+    Photos: 'Images',
-    adminPhotos: 'Images',
+    Images: 'Images',
-    adminNews: 'News management',
+    Items: 'Items',
-    adminNewsDetails: 'Add or edit new',
+    Agencies: 'Agencies',
-    basket: 'Shopping basket',
+    Reports: 'Reports',
+    Configuration: 'Configuration',
+    Shelves: 'Shelves',
+    Account: 'Account',
+    Addresses: 'Addresses',
+    Confirm: 'Confirm',
+    Checkout: 'Configure order',
+    'Address details': 'Configuration',
+    'Admin news details': 'Add or edit new',
     //
     orderLoadedIntoBasket: 'Order loaded into basket!',
     loadAnOrder: 'Please load a pending order to the cart or start a new one',

src/i18n/es-ES/index.js

@@ -59,26 +59,34 @@ export default {
         ]
     },
 
-    // Menu
+    // Sections titles
-    home: 'Inicio',
+    Home: 'Inicio',
-    catalog: 'Catálogo',
+    Orders: 'Pedidos',
-    pendingOrders: 'Pedidos pendientes',
+    Ticket: 'Pedido',
-    confirmedOrders: 'Pedidos confirmados',
+    'Pending orders': 'Pedidos pendientes',
-    invoices: 'Facturas',
+    'Last orders': 'Pedidos confirmados',
-    agencyPackages: 'Bultos por agencia',
+    Invoices: 'Facturas',
-    accountConfig: 'Configuración',
+    Basket: 'Cesta',
-    addressesList: 'Direcciones',
+    Catalog: 'Catálogo',
-    addressDetails: 'Configuración',
+    Administration: 'Administración',
-    checkout: 'Configurar pedido',
+    'Control panel': 'Panel de control',
-    controlPanel: 'Panel de control',
+    Users: 'Usuarios',
-    adminConnections: 'Conexiones',
+    Connections: 'Conexiones',
-    adminItems: 'Artículos',
+    Visits: 'Visitas',
-    adminVisits: 'Visitas',
+    News: 'Noticias',
-    adminUsers: 'Gestión de usuarios',
+    Photos: 'Imágenes',
-    adminPhotos: 'Imágenes',
+    Images: 'Imágenes',
-    adminNews: 'Gestión de noticias',
+    Items: 'Artículos',
-    adminNewsDetails: 'Añadir o editar noticia',
+    Agencies: 'Agencias',
-    basket: 'Cesta de la compra',
+    Reports: 'Informes',
+    Configuration: 'Configuración',
+    Shelves: 'Estanterías',
+    Account: 'Cuenta',
+    Addresses: 'Direcciones',
+    Confirm: 'Confirmar',
+    Checkout: 'Configurar pedido',
+    'Address details': 'Configuración',
+    'Admin news details': 'Añadir o editar noticia',
     //
     orderLoadedIntoBasket: '¡Pedido cargado en la cesta!',
     loadAnOrder:

src/i18n/fr-FR/index.js

@@ -40,27 +40,35 @@ export default {
         ]
     },
     of: 'de',
-    // Menu
+
-    home: 'Accueil',
+    // Sections titles
-    catalog: 'Catalogue',
+    Home: 'Accueil',
-    pendingOrders: 'Commandes en attente',
+    Orders: 'Commandes',
-    confirmedOrders: 'Commandes confirmées',
+    Ticket: 'Détail de la commande',
-    invoices: 'Factures',
+    'Pending orders': 'Commandes en attente',
-    agencyPackages: 'Liste par agence',
+    'Last orders': 'Commandes confirmées',
-    accountConfig: 'Configuration',
+    Invoices: 'Factures',
-    addressesList: 'Adresses',
+    Basket: 'Panier',
-    addressDetails: 'Configuration',
+    Catalog: 'Catalogue',
-    checkout: "Définissez l'ordre",
+    Administration: 'Administration',
-    controlPanel: 'Panneau de configuration',
+    'Control panel': 'Panneau de configuration',
-    adminConnections: 'Connexions',
+    Users: 'Utilisateurs',
-    adminItems: 'Articles',
+    Connections: 'Connexions',
-    adminVisits: 'Visites',
+    Visits: 'Visites',
-    adminUsers: 'Gestion des utilisateurs',
+    News: 'Nouvelles',
-    adminPhotos: 'Images',
+    Photos: 'Images',
-    adminNews: 'Gestion des nouvelles',
+    Images: 'Images',
-    adminNewsDetails: 'Ajouter ou editer nouvelles',
+    Items: 'Articles',
-    emptyList: 'Vider la liste',
+    Agencies: 'Agences',
-    basket: 'Panier',
+    Reports: 'Rapports',
+    Configuration: 'Configuration',
+    Shelves: 'Étagères',
+    Account: 'Compte',
+    Addresses: 'Adresses',
+    Confirm: 'Confirmer',
+    Checkout: 'Configurer la commande',
+    'Address details': 'Configuration',
+    'Admin news details': 'Ajouter ou éditer une nouvelle',
     //
     orderLoadedIntoBasket: 'Commande chargée dans le panier!',
     loadAnOrder:

src/i18n/pt-PT/index.js

@@ -40,28 +40,34 @@ export default {
         ]
     },
     of: 'de',
-
+    // Sections titles
-    // Menu
+    Home: 'Início',
-    home: 'Principio',
+    Orders: 'Pedidos',
-    catalog: 'Catálogo',
+    Ticket: 'Detalhe do pedido',
-    pendingOrders: 'Pedidos pendentes',
+    'Pending orders': 'Pedidos pendentes',
-    confirmedOrders: 'Pedidos confirmados',
+    'Last orders': 'Pedidos confirmados',
-    invoices: 'Facturas',
+    Invoices: 'Faturas',
-    agencyPackages: 'Bultos por agencia',
+    Basket: 'Carrinho',
-    accountConfig: 'Configuração',
+    Catalog: 'Catálogo',
-    addressesList: 'Moradas',
+    Administration: 'Administração',
-    addressDetails: 'Configuração',
+    'Control panel': 'Painel de controle',
-    checkout: 'Configurar encomenda',
+    Users: 'Usuários',
-    controlPanel: 'Painel de controle',
+    Connections: 'Conexões',
-    adminConnections: 'Conexões',
+    Visits: 'Visitas',
-    adminItems: 'Artigos',
+    News: 'Notícias',
-    adminVisits: 'Visitas',
+    Photos: 'Imagens',
-    adminUsers: 'Gestão de usuários',
+    Images: 'Imagens',
-    adminPhotos: 'Imagens',
+    Items: 'Artigos',
-    adminNews: 'Gestão de notícias',
+    Agencies: 'Agências',
-    adminNewsDetails: 'Ajouter ou editer nouvelles',
+    Reports: 'Informes',
-    emptyList: 'Lista vazia',
+    Configuration: 'Configuração',
-    basket: 'Cesta da compra',
+    Shelves: 'Estantes',
+    Account: 'Conta',
+    Addresses: 'Moradas',
+    Confirm: 'Confirme',
+    Checkout: 'Configurar encomenda',
+    'Address details': 'Configuração',
+    'Admin news details': 'Adicionar ou editar notícia',
     //
     orderLoadedIntoBasket: 'Pedido carregado na cesta!',
     loadAnOrder: 'Carregue um pedido pendente no carrinho ou inicie um novo',

src/layouts/MainLayout.vue

@@ -1,5 +1,6 @@
 <script setup>
 import { ref, onMounted } from 'vue';
+import { useI18n } from 'vue-i18n';
 
 import { storeToRefs } from 'pinia';
 import { useRouter } from 'vue-router';
@@ -7,6 +8,7 @@ import { useRouter } from 'vue-router';
 import { useUserStore } from 'stores/user';
 import { useAppStore } from 'stores/app';
 
+const { t } = useI18n();
 const router = useRouter();
 const userStore = useUserStore();
 const appStore = useAppStore();
@@ -95,12 +97,12 @@ const logoutSupplantedUser = async () => {
             <QList v-for="item in menuEssentialLinks" :key="item.id">
                 <QItem v-if="!item.childs" :to="`/${item.path}`">
                     <QItemSection>
-                        <QItemLabel>{{ item.description }}</QItemLabel>
+                        <QItemLabel>{{ t(item.description) }}</QItemLabel>
                     </QItemSection>
                 </QItem>
                 <QExpansionItem
                     v-if="item.childs"
-                    :label="item.description"
+                    :label="t(item.description)"
                     expand-separator
                 >
                     <QList>
@@ -112,7 +114,7 @@ const logoutSupplantedUser = async () => {
                         >
                             <QItemSection>
                                 <QItemLabel>
-                                    {{ subitem.description }}
+                                    {{ t(subitem.description) }}
                                 </QItemLabel>
                             </QItemSection>
                         </QItem>

src/router/index.js

@@ -22,8 +22,8 @@ export default route(function (/* { store, ssrContext } */) {
     const createHistory = process.env.SERVER
         ? createMemoryHistory
         : process.env.VUE_ROUTER_MODE === 'history'
-            ? createWebHistory
+          ? createWebHistory
-            : createWebHashHistory;
+          : createWebHashHistory;
 
     const Router = createRouter({
         scrollBehavior: () => ({ left: 0, top: 0 }),
@@ -41,7 +41,7 @@ export default route(function (/* { store, ssrContext } */) {
         if (from.name === to.name) return;
         const app = useAppStore();
         app.$patch({
-            title: i18n.global.t(to.name || 'home'),
+            title: i18n.global.t(to.meta.title || 'home'),
             subtitle: null,
             useRightDrawer: false,
             rightDrawerOpen: true

src/router/routes.js

@@ -32,106 +32,169 @@ const routes = [
             {
                 name: 'home',
                 path: '/cms/home',
+                meta: {
+                    title: 'Home'
+                },
                 component: () => import('src/pages/Cms/HomeView.vue')
             },
             {
                 name: 'confirmedOrders',
                 path: '/ecomerce/orders',
+                meta: {
+                    title: 'Last orders'
+                },
                 component: () => import('pages/Ecomerce/OrdersView.vue')
             },
             {
                 name: 'ticket',
                 path: '/ecomerce/ticket/:id',
+                meta: {
+                    title: 'Ticket'
+                },
                 component: () => import('pages/Ecomerce/TicketView.vue')
             },
             {
                 name: 'invoices',
                 path: '/ecomerce/invoices',
+                meta: {
+                    title: 'Invoices'
+                },
                 component: () => import('pages/Ecomerce/InvoicesView.vue')
             },
             {
                 name: 'pendingOrders',
                 path: '/ecomerce/pending',
+                meta: {
+                    title: 'Pending orders'
+                },
                 component: () => import('pages/Ecomerce/PendingOrders.vue')
             },
             {
                 name: 'catalog',
                 path: '/ecomerce/catalog/:category?/:type?',
+                meta: {
+                    title: 'Catalog'
+                },
                 component: () => import('pages/Ecomerce/Catalog.vue')
             },
             {
                 name: 'basket',
                 path: '/ecomerce/basket/:id?',
+                meta: {
+                    title: 'Basket'
+                },
                 component: () => import('pages/Ecomerce/BasketView.vue')
             },
             {
                 name: 'confirm',
                 path: '/ecomerce/confirm/:id?',
+                meta: {
+                    title: 'Confirm'
+                },
                 component: () => import('pages/Ecomerce/ConfirmView.vue')
             },
             {
                 name: 'checkout',
                 path: '/ecomerce/checkout/:id?',
+                meta: {
+                    title: 'Checkout'
+                },
                 component: () => import('pages/Ecomerce/CheckoutView.vue')
             },
             {
                 name: 'agencyPackages',
                 path: '/agencies/packages',
+                meta: {
+                    title: 'Agencies'
+                },
                 component: () => import('src/pages/Agencies/PackagesView.vue')
             },
             {
                 name: 'accountConfig',
                 path: '/account/conf',
+                meta: {
+                    title: 'Account'
+                },
                 component: () => import('pages/Account/AccountConfig.vue')
             },
             {
                 name: 'addressesList',
                 path: '/account/address-list',
+                meta: {
+                    title: 'Addresses'
+                },
                 component: () => import('pages/Account/AddressList.vue')
             },
             {
                 name: 'addressDetails',
                 path: '/account/address/:id?',
+                meta: {
+                    title: 'Address details'
+                },
                 component: () => import('pages/Account/AddressDetails.vue')
             },
             {
                 name: 'controlPanel',
                 path: 'admin/links',
+                meta: {
+                    title: 'Control panel'
+                },
                 component: () => import('pages/Admin/LinksView.vue')
             },
             {
                 name: 'adminUsers',
                 path: 'admin/users',
+                meta: {
+                    title: 'Users'
+                },
                 component: () => import('pages/Admin/UsersView.vue')
             },
             {
                 name: 'adminConnections',
                 path: 'admin/connections',
+                meta: {
+                    title: 'Connections'
+                },
                 component: () => import('pages/Admin/ConnectionsView.vue')
             },
             {
                 name: 'adminVisits',
                 path: 'admin/visits',
+                meta: {
+                    title: 'Visits'
+                },
                 component: () => import('pages/Admin/VisitsView.vue')
             },
             {
                 name: 'adminNews',
                 path: 'news/news',
+                meta: {
+                    title: 'News'
+                },
                 component: () => import('pages/Admin/NewsView.vue')
             },
             {
                 name: 'adminNewsDetails',
                 path: 'news/new/:id?',
+                meta: {
+                    title: 'Admin news details'
+                },
                 component: () => import('pages/Admin/NewsDetails.vue')
             },
             {
                 name: 'adminPhotos',
                 path: 'admin/photos',
+                meta: {
+                    title: 'Photos'
+                },
                 component: () => import('pages/Admin/PhotosView.vue')
             },
             {
                 name: 'adminItems',
                 path: 'admin/items',
+                meta: {
+                    title: 'Items'
+                },
                 component: () => import('pages/Admin/ItemsView.vue')
             }
         ]