Svelte Slides increment POC

App.svelte

<script>
/* https://svelte.dev/repl/20f592923f584d6e9399392d4864e55a?version=3.48.0 */
  import NextPage from './NextPage.svelte';

		import { pageNum } from './stores.js';
	let page;
	let pageNumber;
	let slides = ["<b>i</b>", "<b>love</b>", "<b>svelte</b>"];
		
	
	pageNum.subscribe(value => {
			
		pageNumber = value;
		const content = slides[value - 1];
		loadPage(content);
	});
	
	function loadPage(content) {
		if(content == undefined || content == null) {
			//alert("cant load it sorry");
		} else {
      let ewanpage = document.querySelector(".ewan");
			ewanpage.innerHTML = content;
		}
	}
</script>
<div class="ewan">This should be strong.</div>
<NextPage />
{pageNumber}

main.js

import App from './App.svelte';

var app = new App({
	target: document.body
});

export default app;

NextPage.svelte

<script>
	import { pageNum } from './stores.js';

	
	function nextPagePlease() {
			pageNum.update(n => n + 1);
	}
	
</script>

<button on:click={nextPagePlease}>
	Next
</button>

stores.js

import { writable } from 'svelte/store';

export const pageNum = writable(0);