Selv om dataene nå var tilgjengelige etter mye hodebry med asynkron innlastning, oppsto det et nytt irritasjonsmoment: API-responsen inneholdt alt for mye duplikate data. Den spytta ut både rå relasjonsdata og de ferdig bearbeida feltene mine samtidig, noe som bare skapte forvirring og unødvendig støy.

Hensikten var å få på plass en "Single Source of Truth" der bare de bearbeida dataene blir returnert. Jeg ville vise at backend kan ta fullt ansvar for transformasjonen så frontenden slipper å drive med tung logikk for å vise en enkel liste med språk.

• For å løse dette har jeg gjennomført følgende tiltak:
• Jeg har brukt exclude=True i Pydantic-modellen på feltene som peker direkte mot databasetabellene.
• Jeg har snekra sammen computed_field properties som transformerer de rå relasjonsdataene til en enkel liste med språk og bytes.
• Jeg har sørga for at Pydantic filtrerer alt internt (Eager Loading) før det leveres til endepunktet.
• Jeg har rydda opp i hele modellen så JSON-outputen ble akkurat slik frontenden vil ha den – kort, konsis og uten tull.

Gjennom dette arbeidet har jeg fått en mye mer moden arkitektur. Ved å bruke innebygd funksjonalitet i Pydantic har jeg fått en løsning som er mye enklere å vedlikeholde. Det er nå krystallklart at backend fikser dataene, mens frontenden bare viser dem frem, akkurat slik det skal være i et skikkelig prosjekt.

• Nuxt Framework Dokumentasjon
• Vue.js Offisiell Dokumentasjon
• Vitest Testing Framework
• W3C WCAG 2.2 Retningslinjer for Universell Utforming