Fix display bugs

Author: ValentinCrochemore

templates/quasar/components/common/BreadcrumbComponent.vue

@@ -5,7 +5,7 @@
     <q-breadcrumbs-el
       v-for="(breadcrumb, index) in props.values"
       :key="index"
-      :label="`${$t(breadcrumb.label)} ${
+      :label="`${breadcrumb.label} ${
         index === props.values.length - 1 && props.item?.['@id']
           ? props.item['@id']
           : ''

templates/quasar/components/common/ConfirmDeleteComponent.vue

@@ -5,7 +5,7 @@
         <q-avatar icon="warning" color="primary" text-color="white" />
 
         <span class="q-ml-sm">
-          \{{ $t('Are you sure you want to delete this item?') }}
+          \{{ $t('confirmDelete') }}
         </span>
       </q-card-section>
 

templates/quasar/components/foo/FormComponent.vue

@@ -24,7 +24,7 @@
         {{/compare}}
         bottom-slots
         filled
-        class="col-12 col-md"
+        class="col-12 col-md-4"
       >
         <template #append>
           <q-icon

templates/quasar/components/foo/ListComponent.vue

@@ -25,10 +25,10 @@
     :rows="items"
     :columns="columns"
     :loading="isLoading"
-    :no-data-label="$t('{{{labels.unavail}}}')"
-    :no-results-label="$t('{{{labels.noresults}}}')"
-    :loading-label="$t('{{{labels.loading}}}')"
-    :rows-per-page-label="$t('{{{labels.recPerPage}}}')"
+    :no-data-label="$t('unavail')"
+    :no-results-label="$t('noresults')"
+    :loading-label="$t('loading')"
+    :rows-per-page-label="$t('recPerPage')"
     row-key="id"
     flat
     wrap-cells
@@ -45,7 +45,7 @@
 
     {{#each fields}}
     {{#if isReferences}}
-    <template #body-cell-{{lowercase reference.title}}="{ value }">
+    <template #body-cell-{{reference.name}}="{ value }">
       <td>
         <template v-if="router.hasRoute('{{reference.title}}Show')">
           <router-link
@@ -82,7 +82,7 @@
       </td>
     </template>
     {{else if isEmbeddeds}}
-    <template #body-cell-{{lowercase embedded.title}}="{ value }">
+    <template #body-cell-{{embedded.name}}="{ value }">
       <td>
         <template v-if="router.hasRoute('{{embedded.title}}Show')">
           <router-link

templates/quasar/components/foo/ShowComponent.vue

@@ -9,8 +9,8 @@
     <q-markup-table>
       <thead>
         <tr>
-          <th>\{{ $t('{{labels.field}}') }}</th>
-          <th>\{{ $t('{{labels.value}}') }}</th>
+          <th>\{{ $t('field') }}</th>
+          <th>\{{ $t('value') }}</th>
         </tr>
       </thead>
       <tbody>

templates/quasar/types/foo.ts

@@ -2,6 +2,6 @@ import type { Item } from "./item";
 
 export interface {{titleUcFirst}} extends Item {
 {{#each fields}}
- {{#if readonly}}readonly{{/if}} {{{name}}}?: {{#if (compare type "==" "dateTime")}}string{{else if (compare type "==" "integer")}}number{{else if isRelations}}any{{else}}{{{type}}}{{/if}};
+ {{#if readonly}}readonly{{/if}} {{name}}?: {{#if (compare type "==" "dateTime")}}string{{else if (compare type "==" "integer")}}number{{else if isRelations}}any{{else}}{{type}}{{/if}};
 {{/each}}
 }