OpenLayers e Vue 3: integrazione con composables e TypeScript

Il problema: Vue wrappa ciò che non dovrebbe OpenLayers è una libreria imperativa per mappe interattive. Si crea un oggetto Map, gli si passa un target DOM, si aggiungono layer e fonti dati chiamando metodi che mutano lo stato interno. Vue 3 funziona al contrario: si dichiara lo stato in una variabile reattiva, si usa quella variabile nel template, e il framework si occupa di aggiornare il DOM ogni volta che il valore cambia. Non serve manipolare il DOM manualmente.