added default msg when there isnt a pinned module

src/components/PinnedModules.vue

@@ -14,30 +14,31 @@ const pinnedModules = computed(() => navigation.getPinnedModules());
 </script>
 
 <template>
-    <q-menu
-        anchor="bottom left"
-        class="row q-pa-md q-col-gutter-lg"
-        max-width="350px"
-        max-height="400px"
-        v-if="pinnedModules.length"
-    >
-        <div v-for="item of pinnedModules" :key="item.title" class="row no-wrap q-pa-xs flex-item">
-            <q-btn
-                align="evenly"
-                padding="16px"
-                flat
-                stack
-                size="lg"
-                :icon="item.icon"
-                color="primary"
-                class="col-4 button"
-                :to="{ name: item.name }"
-            >
-                <div class="text-center text-primary button-text">
-                    {{ t(item.title) }}
-                </div>
-            </q-btn>
-        </div>
+    <q-menu anchor="bottom left" class="row q-pa-md q-col-gutter-lg" max-width="350px" max-height="400px">
+        <template v-if="pinnedModules.length">
+            <div v-for="item of pinnedModules" :key="item.title" class="row no-wrap q-pa-xs flex-item">
+                <q-btn
+                    align="evenly"
+                    padding="16px"
+                    flat
+                    stack
+                    size="lg"
+                    :icon="item.icon"
+                    color="primary"
+                    class="col-4 button"
+                    :to="{ name: item.name }"
+                >
+                    <div class="text-center text-primary button-text">
+                        {{ t(item.title) }}
+                    </div>
+                </q-btn>
+            </div>
+        </template>
+        <template v-else>
+            <div class="row no-wrap q-pa-xs flex-item text-center text-grey-5" style="min-width: max-content">
+                {{ t('globals.noPinnedModules') }}
+            </div>
+        </template>
     </q-menu>
 </template>
 

src/i18n/en/index.js

@@ -30,6 +30,7 @@ export default {
         rowAdded: 'Row added',
         rowRemoved: 'Row removed',
         pleaseWait: 'Please wait...',
+        noPinnedModules: 'You have dont have any pinned modules',
     },
     moduleIndex: {
         allModules: 'All modules',
@@ -228,8 +229,8 @@ export default {
             requester: 'Requester',
             atender: 'Atender',
             request: 'Request',
-            goTo: 'Go to'
-        }
+            goTo: 'Go to',
+        },
     },
     claim: {
         pageTitles: {
@@ -300,7 +301,7 @@ export default {
             list: 'List',
             createInvoiceOut: 'Create invoice out',
             summary: 'Summary',
-            basicData: 'Basic Data'
+            basicData: 'Basic Data',
         },
         list: {
             ref: 'Reference',
@@ -309,7 +310,7 @@ export default {
             client: 'Client',
             created: 'Created',
             company: 'Company',
-            dued: 'Due date'
+            dued: 'Due date',
         },
         card: {
             issued: 'Issued',
@@ -317,7 +318,7 @@ export default {
             client: 'Client',
             company: 'Company',
             customerCard: 'Customer card',
-            ticketList: 'Ticket List'
+            ticketList: 'Ticket List',
         },
         summary: {
             issued: 'Issued',
@@ -335,8 +336,7 @@ export default {
             nickname: 'Alias',
             shipped: 'Shipped',
             totalWithVat: 'Amount',
-
-        }
+        },
     },
     components: {
         topbar: {},

src/i18n/es/index.js

@@ -30,6 +30,7 @@ export default {
         rowAdded: 'Fila añadida',
         rowRemoved: 'Fila eliminada',
         pleaseWait: 'Por favor, espera...',
+        noPinnedModules: 'No has fijado ningún módulo',
     },
     moduleIndex: {
         allModules: 'Todos los módulos',
@@ -227,8 +228,8 @@ export default {
             requester: 'Solicitante',
             atender: 'Comprador',
             request: 'Petición de compra',
-            goTo: 'Ir a'
-        }
+            goTo: 'Ir a',
+        },
     },
     claim: {
         pageTitles: {
@@ -299,7 +300,7 @@ export default {
             list: 'Listado',
             createInvoiceOut: 'Crear fact. emitida',
             summary: 'Resumen',
-            basicData: 'Datos básicos'
+            basicData: 'Datos básicos',
         },
         list: {
             ref: 'Referencia',
@@ -308,7 +309,7 @@ export default {
             client: 'Cliente',
             created: 'Fecha creación',
             company: 'Empresa',
-            dued: 'Fecha vencimineto'
+            dued: 'Fecha vencimineto',
         },
         card: {
             issued: 'Fecha emisión',
@@ -316,7 +317,7 @@ export default {
             client: 'Cliente',
             company: 'Empresa',
             customerCard: 'Ficha del cliente',
-            ticketList: 'Listado de tickets'
+            ticketList: 'Listado de tickets',
         },
         summary: {
             issued: 'Fecha',
@@ -334,8 +335,7 @@ export default {
             nickname: 'Alias',
             shipped: 'F. envío',
             totalWithVat: 'Importe',
-
-        }
+        },
     },
     components: {
         topbar: {},