darabolás előtti állapot

frontend/src/components/vehicle/VehicleCardStandard.vue

@@ -27,7 +27,7 @@
             <circle cx="7" cy="17" r="2" />
             <circle cx="17" cy="17" r="2" />
           </svg>
-          <span class="text-xs text-slate-400 mt-1">Nincs feltöltött fotó</span>
+          <span class="text-xs text-slate-400 mt-1">{{ t('vehicle.noPhoto') }}</span>
         </div>
       </template>
     </div>
@@ -55,9 +55,10 @@
         </p>
       </div>
 
-      <!-- Dynamic EU License Plate Badge -->
+      <!-- Dynamic EU License Plate Badge (brand inside plate box) -->
       <VehiclePlateBadge
         :license-plate="vehicle.license_plate"
+        :brand="vehicle.brand"
         :country-code="vehicle.countryCode || vehicle.country_code"
         size="md"
       />
@@ -110,7 +111,7 @@
           <svg class="h-3.5 w-3.5 shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z" />
           </svg>
-          <span class="font-semibold">Következő Szerviz: {{ vehicle.nextService || 'Nincs adat' }}</span>
+          <span class="font-semibold">{{ t('vehicle.nextService') }}: {{ vehicle.nextService || t('vehicle.noData') }}</span>
         </div>
       </div>
     </div>
@@ -122,7 +123,7 @@
         ? 'bg-amber-400 text-white hover:bg-amber-500'
         : 'bg-white/60 text-slate-300 opacity-0 group-hover:opacity-100 hover:text-amber-400 hover:bg-white/90'"
       @click.stop="$emit('set-primary', vehicle)"
-      :title="vehicle.is_primary ? 'Elsődleges jármű' : 'Beállítás elsődlegessé'"
+      :title="vehicle.is_primary ? t('vehicle.primaryVehicle') : t('vehicle.setPrimary')"
     >
       <svg class="h-4 w-4" fill="currentColor" viewBox="0 0 24 24">
         <path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" />
@@ -143,9 +144,12 @@
 
 <script setup lang="ts">
 import { computed } from 'vue'
+import { useI18n } from 'vue-i18n'
 import type { VehicleData } from '../../types/vehicle'
 import VehiclePlateBadge from './VehiclePlateBadge.vue'
 
+const { t } = useI18n()
+
 const props = defineProps<{
   vehicle: VehicleData
 }>()