Svelte p5 dynamic import example

index.svelte

<script>
	import { onMount } from 'svelte';

	let p5
	let sketch

	onMount(async () => {
	    const module = await import('p5')
	    p5 = module.default
		sketch = new p5 (function (sketch) {
			sketch.setup = function() {
				sketch.createCanvas (200,200);
			}
			sketch.draw = function() {
				sketch.fill(255)
				sketch.rect(0,0,100,10);
			}
		}, document.getElementById('p5sketch'));
	});

</script>

<style>
	#p5sketch {
		width:200px;
		height:200px;
		background-color: #000;
	}
</style>

<div id="p5sketch"></div>