MapBoxSource high CPU usage when moving the map

If I move or zoom the map when a source is added, my CPU usage spikes to +100% and the map moves really slow. The problem only occurs on my localhost, and not in the playground. It also doesn't matter if the source contains data or not. So I'm not sure what the problem could be.

My package.json

{
  "scripts": {
    "build": "nuxt build",
    "dev": "nuxt dev",
    "generate": "nuxt generate",
    "preview": "nuxt preview",
    "postinstall": "nuxt prepare"
  },
  "dependencies": {
    "mapbox-gl": "^3.2.0",
    "vue": "^3.4.21"
  },
  "devDependencies": {
    "nuxt": "3.10.3",
    "nuxt-mapbox": "^1.5.9"
  }
}

My app.vue

<template>
    <div>
        <MapboxMap
            map-id="map2"
            style="position: relative; width: 100%; height: 580px;"
            :options="{
                style: 'mapbox://styles/mapbox/light-v11',
                center: [4.404762261901873, 51.22847670765199],
                zoom: 7
            }"
        >
            <MapboxSource
                source-id="dots"
                :source="{
                    type: 'geojson',
                    data: 'https://d2ad6b4ur7yvpq.cloudfront.net/naturalearth-3.3.0/ne_10m_ports.geojson'
                }"
            />

            <MapboxLayer
                source-id="dots"
                :layer="{
                    id: 'unclustered-point',
                    type: 'circle',
                    source: 'dots',
                }"
            />
        </MapboxMap>
    </div>
</template>

AlexLavoie42 / Nuxt-Mapbox

MapBoxSource high CPU usage when moving the map #112