feat(front) : meta title sur chaque page

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

frontend/pages/admin/bovin/[[id]].vue

@@ -32,6 +32,8 @@
 </template>
 
 <script setup lang="ts">
+useHead({ title: 'Type de bovin' })
+
 import {createBovin, getBovin, updateBovin} from "~/services/bovine-type";
 import type {BovineTypeData, BovinFormData} from "~/services/dto/bovine-type-data";
 const router = useRouter()

frontend/pages/admin/bovin/bovin-list.vue

@@ -38,6 +38,8 @@
 </template>
 
 <script setup lang="ts">
+useHead({ title: 'Types de bovins' })
+
 import type { BovineTypeData } from '~/services/dto/bovine-type-data'
 import { useAuthStore } from '~/stores/auth'
 import { useDataTableServerState } from '~/composables/useDataTableServerState'

frontend/pages/admin/carrier/[[id]].vue

@@ -44,6 +44,8 @@
 </template>
 
 <script setup lang="ts">
+useHead({ title: 'Transporteur' })
+
 import {createCarrier, getCarrier, updateCarrier} from "~/services/carrier";
 import type {CarrierData, CarrierFormData} from "~/services/dto/carrier-data";
 import {computed} from "vue";

frontend/pages/admin/carrier/carrier-list.vue

@@ -34,6 +34,8 @@
 </template>
 
 <script setup lang="ts">
+useHead({ title: 'Transporteurs' })
+
 import type { CarrierData } from '~/services/dto/carrier-data'
 import { useDataTableServerState } from '~/composables/useDataTableServerState'
 

frontend/pages/admin/customer/[[id]].vue

@@ -96,6 +96,8 @@
 </template>
 
 <script setup lang="ts">
+useHead({ title: 'Client' })
+
 import {computed, reactive, ref, watch} from "vue"
 import {createCustomer, getCustomer, updateCustomer} from "~/services/customer"
 import type {CustomerData, CustomerFormData, CustomerPayload} from "~/services/dto/customer-data"

frontend/pages/admin/customer/address.vue

@@ -3,6 +3,8 @@
 </template>
 
 <script setup lang="ts">
+useHead({ title: 'Adresse client' })
+
 import type { AddressData, AddressPayload } from "~/services/address"
 import { createAddress, getAddress, updateAddress } from "~/services/address"
 import { getCustomer, updateCustomer } from "~/services/customer"

frontend/pages/admin/customer/customer-list.vue

@@ -44,6 +44,8 @@
 </template>
 
 <script setup lang="ts">
+useHead({ title: 'Clients' })
+
 import type { CustomerData } from '~/services/dto/customer-data'
 import { useAuthStore } from '~/stores/auth'
 import { useDataTableServerState } from '~/composables/useDataTableServerState'

frontend/pages/admin/supplier/[[id]].vue

@@ -97,6 +97,8 @@
 </template>
 
 <script setup lang="ts">
+useHead({ title: 'Fournisseur' })
+
 import {computed, reactive, ref, watch} from "vue"
 import {createSupplier, getSupplier, updateSupplier} from "~/services/supplier"
 import type {SupplierData, SupplierFormData, SupplierPayload} from "~/services/dto/supplier-data"

frontend/pages/admin/supplier/address.vue

@@ -3,6 +3,8 @@
 </template>
 
 <script setup lang="ts">
+useHead({ title: 'Adresse fournisseur' })
+
 import type {AddressData, AddressPayload} from "~/services/address";
 import {createAddress, getAddress, updateAddress} from "~/services/address";
 import {getSupplier, updateSupplier} from "~/services/supplier";

frontend/pages/admin/supplier/supplier-list.vue

@@ -44,6 +44,8 @@
 </template>
 
 <script setup lang="ts">
+useHead({ title: 'Fournisseurs' })
+
 import type { SupplierData } from '~/services/dto/supplier-data'
 import { useAuthStore } from '~/stores/auth'
 import { useDataTableServerState } from '~/composables/useDataTableServerState'

frontend/pages/admin/user/[[id]].vue

@@ -74,6 +74,8 @@
 </template>
 
 <script setup lang="ts">
+useHead({ title: 'Utilisateur' })
+
 import { computed, reactive, ref, watch } from 'vue'
 import { ROLE } from '~/utils/constants'
 import { createUser, updateUser, getUser } from '~/services/auth'

frontend/pages/admin/user/list.vue

@@ -63,6 +63,8 @@
 </template>
 
 <script setup lang="ts">
+useHead({ title: 'Utilisateurs' })
+
 import type { UserData } from '~/services/dto/user-data'
 import { ROLE } from '~/utils/constants'
 import { useAuthStore } from '~/stores/auth'

frontend/pages/index.vue

@@ -1,4 +1,5 @@
 <script setup lang="ts">
+useHead({ title: 'Accueil' })
 </script>
 <template>
     <div class="flex flex-wrap justify-center pb-16 gap-12">

frontend/pages/infrastructure/bovine.vue

@@ -69,6 +69,8 @@
 </template>
 
 <script setup lang="ts">
+useHead({ title: 'Bovins' })
+
 import { createBovine, getBovine, updateBovine } from '~/services/bovine'
 import type { BovinePayload } from '~/services/dto/bovine-data'
 import type { SupplierData } from '~/services/dto/supplier-data'

frontend/pages/infrastructure/building.vue

@@ -80,6 +80,8 @@
 </template>
 
 <script setup lang="ts">
+useHead({ title: 'Bâtiments' })
+
 import type {BuildingData} from "~/services/dto/building-data"
 import type {BuildingLayoutData} from "~/services/dto/building-layout-data"
 import type {BuildingCasePositionData} from "~/services/dto/building-case-position-data"

frontend/pages/infrastructure/case.vue

@@ -130,6 +130,8 @@
 </template>
 
 <script setup lang="ts">
+useHead({ title: 'Cases' })
+
 import type { BuildingCaseData } from '~/services/dto/building-case-data'
 import type { BovineData } from '~/services/dto/bovine-data'
 import { useAuthStore } from '~/stores/auth'

frontend/pages/inventory.vue

@@ -147,6 +147,8 @@
 
 
 <script setup lang="ts">
+useHead({ title: 'Inventaire' })
+
 import type { BovineData } from '~/services/dto/bovine-data'
 import type { InventoryExportFilters } from '~/components/inventory/inventory-export-modal.vue'
 import { useAuthStore } from '~/stores/auth'

frontend/pages/login.vue

@@ -53,6 +53,8 @@
 </template>
 
 <script setup lang="ts">
+useHead({ title: 'Connexion' })
+
 import type { UserData } from '~/services/dto/user-data'
 import { getUsers } from '~/services/auth'
 import { useAuthStore } from '~/stores/auth'

frontend/pages/reception/[[id]].vue

@@ -54,6 +54,8 @@
 </template>
 
 <script setup lang="ts">
+useHead({ title: 'Réception' })
+
 import { useReceptionStore } from '~/stores/reception'
 import { storeToRefs } from 'pinia'
 import { useWorkflowSteps } from '~/composables/useWorkflowSteps'

frontend/pages/reception/finish-reception.vue

@@ -73,6 +73,8 @@
 </template>
 
 <script setup lang="ts">
+useHead({ title: 'Validation réception' })
+
 import type { ReceptionData } from '~/services/dto/reception-data'
 import type { ReceptionTypeData } from '~/services/dto/reception-type-data'
 import { getReceptionTypeList } from '~/services/reception-type'

frontend/pages/reception/update/[[id]].vue

@@ -226,6 +226,8 @@
 </template>
 
 <script setup lang="ts">
+useHead({ title: 'Modifier réception' })
+
 import { usePdfPrinter } from '#imports'
 import { computed } from 'vue'
 import UpdateBovin from '~/components/reception/update-bovin.vue'

frontend/pages/reception/waiting-reception.vue

@@ -72,6 +72,8 @@
 </template>
 
 <script setup lang="ts">
+useHead({ title: 'Réceptions en attente' })
+
 import type { ReceptionData } from '~/services/dto/reception-data'
 import type { ReceptionTypeData } from '~/services/dto/reception-type-data'
 import { deleteReception } from '~/services/reception'

frontend/pages/scan.vue

@@ -125,6 +125,8 @@
 </template>
 
 <script setup lang="ts">
+useHead({ title: 'Scanner' })
+
 import { ref, computed, nextTick, onMounted, watch } from 'vue'
 import { useBarcodeScanner } from '~/composables/useBarcodeScanner'
 import { createBovine } from '~/services/bovine'

frontend/pages/shipment/[[id]].vue

@@ -51,6 +51,8 @@
 </template>
 
 <script setup lang="ts">
+useHead({ title: 'Expédition' })
+
 import { storeToRefs } from 'pinia'
 import { useShipmentStore } from '~/stores/shipment'
 import { useWorkflowSteps } from '~/composables/useWorkflowSteps'

frontend/pages/shipment/finish-shipment.vue

@@ -71,6 +71,8 @@
 </template>
 
 <script setup lang="ts">
+useHead({ title: 'Validation expédition' })
+
 import type { ShipmentData } from '~/services/dto/shipment-data'
 import type { ShipmentTypeData } from '~/services/dto/shipment-type-data'
 import { getShipmentTypeList } from '~/services/shipment-type'

frontend/pages/shipment/update/[[id]].vue

@@ -197,6 +197,8 @@
 </template>
 
 <script setup lang="ts">
+useHead({ title: 'Modifier expédition' })
+
 import { usePdfPrinter } from '#imports'
 import { computed, onMounted, reactive, ref, watch } from 'vue'
 import UpdateWeight from '~/components/commun/update-weight.vue'

frontend/pages/shipment/waiting-shipment.vue

@@ -84,6 +84,8 @@
 </template>
 
 <script setup lang="ts">
+useHead({ title: 'Expéditions en attente' })
+
 import type { ShipmentData } from '~/services/dto/shipment-data'
 import type { ShipmentTypeData } from '~/services/dto/shipment-type-data'
 import { deleteShipment } from '~/services/shipment'