-
Notifications
You must be signed in to change notification settings - Fork 0
Logbook
npm package en readme aangemaakt.
- Documentatie gelezen van Vue.js v3.x - Essentials, Components In-Depth (Component Registration & Props) & Reactivity in Depth.
Geprobeerd om een Vue 3 project op te zetten met alleen webpack, zodat ik het bundelen een beetje kon begrijpen. Ik heb met webpack geprobeerd om een development server te starten met webpack-dev-server, maar dat werkte niet. Ik heb gezocht waarom het niet werkte en het bleek dat je webpack serve moest gebruiken. Toen werkte het bijna, maar de versies van de Vue loaders waren niet gelijk en de vue-loader werkte alleen met vue-template-compiler. Ik heb geprobeerd om @vue/compiler-sfc te gebruiken met vue-loader maar dat werkte niet. Dit heeft volgens mij te maken met Vue 3 die net uitgebracht is en nog niet alle pakketjes zijn geupdate of compatibel zijn.
Nu heb ik de vue-cli gebruikt en een Vue 3 project gemaakt. Daarna een paar componenten gemaakt. Ik wil na een structuur te hebben gemaakt al beginnen met het toevoegen van de data-visualisatie met d3.
Vandaag begonnen met het maken van de kaart met d3 in Vue in het component ChroplethMap. Ik heb de code overgenomen van de frontend-data repo en in het component ChoroplethMap gezet in de methods() en als het component gemount is, voert het de functie CreateChoroplethaMap uit.
Daarna ben ik begonnen met het opslaan van de data in Local Storage. Ik had daar een paar probleempjes mee, namelijk bij het opslaan van de data in LocalStorage kreeg ik een error: DOMException: The operation is insecure. Dit betekende dat de browser het niet toelaat om data op te slaan in LocalStorage en in cookies. Ik heb daarom een try catch gebruikt om toch de data op te halen als Local Storage niet toegankelijk is. Daarna heb ik een helper gemaakt om makkelijker met Local en Session storage om te gaan. Ik heb die gebruikt om de data op te slaan in Local Storage. Dus nu wordt de data opgeslagen in Local Storage als dat kan en zo niet, dan wordt het bestand elke keer opgehaald.