Properly Setting up SvelteKit + Deck.gl + Vite Starter Project

[sheecegardezi]

Hey everyone! 👋

I'm looking for some assistance from someone experienced in working with SvelteKit, Deck.gl, and Vite. Could you kindly help me create a well-organized starter project for SvelteKit + Deck.gl + Vite? ☄️

I've found a simple example on GitHub (https://github.com/sheecegardezi/sveltekit-deckgl-vite), but the issue is that I had to write some extra code to make it work, and it's not very efficient. :close_snape:

Here's an excerpt of the code I had to add:

// +page.svelte
onMount(async () => {
  const { Deck } = await import('@deck.gl/core');
  const { GeoJsonLayer } = await import('@deck.gl/layers');
  // ... additional code ...
});

To give you a clearer picture, I also created a minimal example using Rollup (https://github.com/sheecegardezi/sveltekit-deckgl-rollup), which has imports in the proper order:

// App.svelte
import { Deck } from "@deck.gl/core";
import { GeoJsonLayer } from "@deck.gl/layers";
// ... additional code ...

I would greatly appreciate it if someone could guide me in setting up the SvelteKit + Deck.gl + Vite starter project correctly. Your help will be invaluable! Thank you in advance! 🙏