all is change; in change is all again made new

src/App.svelte

@@ -1,33 +1,36 @@
 <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';
 
-const VIEWS = {
-    Home: Home,
-    Approve: Approve,
-    ShowApproved: ShowApproved,
-    ShowDenied: ShowDenied,
-};
+const VIEWS = import.meta.glob('./views/*.svelte', {eager: true});
+
+window.emit = emit;
+window.queue = queue;
+
+var appState = {
+    currentRequest: null,
+    pendingRequests: queue(),
+    credentialStatus: 'locked',
+}
+window.appState = appState;
 
 
-let currentView = Home;
-function navigate(event) {
-    currentView = VIEWS[event.detail.target];
+import { invoke } from '@tauri-apps/api/tauri';
+window.invoke = invoke;
+
+
+var currentView = VIEWS['./views/Home.svelte'].default;
+window.currentView = currentView;
+window.VIEWS = VIEWS;
+function navigate(svelteEvent) {
+    const moduleName = `./views/${svelteEvent.detail.target}.svelte`;
+    currentView = VIEWS[moduleName].default;
 }
 
-listen('credentials-request', (event) => {
-    queue.put(1)
+listen('credentials-request', (tauriEvent) => {
+    appState.pendingRequests.put(tauriEvent.payload);
+    console.log('Received request.');
 });
-
-let requests = queue();
 </script>
 
-{#if currentView === Home}
-    <svelte:component this={currentView} on:navigate={navigate} {requests} />
-{:else}
-    <svelte:component this={currentView} on:navigate={navigate} />
-{/if}
+<svelte:component this={currentView} on:navigate={navigate} bind:appState={appState} />