---
export interface Props {}
---

<script>
	import 'https://unpkg.com/@swup/progress-plugin@3';
	import { loading } from './loading-indicator';
	//@ts-ignore
	const plugin = new SwupProgressPlugin();

	document.addEventListener('astro:after-swap', () => plugin.progressBar.installStyleElement());

	loading(
		() => plugin.startShowingProgress(),
		() => plugin.stopShowingProgress()
	);

	// you can style the progressbar by defining the .swup-progress-bar class
</script>