event-based routing?

src/App.svelte

@@ -1,13 +1,33 @@
 <script>
 import { emit, listen } from '@tauri-apps/api/event';
+import queue from './lib/queue.js';
 import Home from './views/Home.svelte';
 import Approve from './views/Approve.svelte';
+import ShowApproved from './views/ShowApproved.svelte';
+import ShowDenied from './views/ShowDenied.svelte';
 
-let activeComponent = Home;
+const VIEWS = {
+    Home: Home,
+    Approve: Approve,
+    ShowApproved: ShowApproved,
+    ShowDenied: ShowDenied,
+};
+
+
+let currentView = Home;
+function navigate(event) {
+    currentView = VIEWS[event.detail.target];
+}
 
 listen('credentials-request', (event) => {
-    activeComponent = Approve;
-})
+    queue.put(1)
+});
+
+let requests = queue();
 </script>
 
-<svelte:component this={activeComponent} />
+{#if currentView === Home}
+    <svelte:component this={currentView} on:navigate={navigate} {requests} />
+{:else}
+    <svelte:component this={currentView} on:navigate={navigate} />
+{/if}