hbo-nerds / hbo-nerds.github.io

Een website voor het opzoeken van Lekker Spelen content
MIT License
13 stars 5 forks source link

[Feature] 404 pagina maken. #74

Open superruudje opened 6 months ago

superruudje commented 6 months ago

Door de Vue router krijgen we weliswaar geen 404 error, maar als de router de route niet kent blijft het scherm gewoon leeg. We kunnen een 404 vue component maken dat dan verschijn ipv een leeg scherm.

superruudje commented 1 month ago

Hey @samvandekreeke , in de router file is al een catch all opgenomen. Deze wordt nu geredirect naar home. Een dedicated 404 pagina is wat netter. Check Vue router voor als je meer over de router wilt lezen.

samvandekreeke commented 1 month ago

Hey @superruudje, ik zag het inderdaad, thanks voor de tip!

Wat me opvalt is dat de gehele layout direct in de App.vue file zit, wat betekent dat als ik met deze opzet de 404 pagina zal maken de zoekbalk bijvoorbeeld nog blijft staan terwijl deze dan niet functioneert. Nou is dit ook zo voor de Series en You pagina's, dus ik denk dat we daar dan genoegen mee nemen, niet?

Anders zal er eerst een rework gedaan moeten worden om dit ook voor de 404 op te kunnen lossen (maar deze taak neem ik nog liever niet op me gezien mijn Vue.js kennis momenteel nog aan de lage kant is).

superruudje commented 1 month ago

Het is niet erg dat de zoekbalk in beeld blijft, we moeten er alleen voor zorgen dat wanneer iemand zoekt er automatisch naar /home wordt genavigeerd. Nu wordt er op de achtergrond wel gefilterd maar gaat de gebruiker niet naar /home.