<script lang="ts">
  import "../app.css";
  import DebugConsole from "$lib/components/DebugConsole.svelte";

  let { children } = $props();

  // Prevent the default context menu globally
  // Individual components can show their own context menus by calling event.stopPropagation()
  function handleContextMenu(event: MouseEvent) {
    event.preventDefault();
  }
</script>

<svelte:window oncontextmenu={handleContextMenu} />

<div id="app">
  {@render children()}
  <DebugConsole />
</div>
