Vue 3 (composition)

Voor de ontwikkeling van de Indicium studievereniging website wordt Vue 3 gebruikt in combinatie met de Composition API. Klinkt heel ingewikkeld maar het is simpelweg dat je begint met <script setup> ipv alleen script.

Met de Composition API kunnen we onze componenten op een meer gestructureerde en herbruikbare manier organiseren. Hierdoor kunnen we logica en data-effecten beter scheiden en hergebruiken. Dit stelt ons in staat om een meer modulaire en flexibele codebase te creëren.

De data van de teksten wordt opgeslagen in een JSON-bestand dat te vinden is in de content folder. Hierdoor kunnen we gemakkelijk de inhoud van de website beheren zonder dat we onze code hoeven aan te passen.

Daarnaast maken we gebruik van TypeScript (TS) in de <script setup lang='ts'> tag. TypeScript is een getypeerde versie van JavaScript, die extra veiligheid en hulpmiddelen biedt tijdens het ontwikkelproces. Door TypeScript te gebruiken, kunnen we typefouten opsporen en vermijden, waardoor de onderhoudbaarheid en leesbaarheid van onze code verbeteren.

Ook wordt er soms gebruik gemaakt van gescopeerde stijlen (scoped) in de <style scoped lang='scss'> tag. Dit betekent dat de stijlen alleen van toepassing zijn op de specifieke component (dus je .vue bestandje) waarin ze zijn gedefinieerd. Dit vermindert de kans op conflicten en helpt ons om de stijlen van verschillende componenten geïsoleerd te houden.

Voor meer informatie over Vue 3 en de Composition API kun je de Vue.js documentatie raadplegen via de volgende link: Vue.js Docs