fast lint

src/components/login.svelte

@@ -0,0 +1,10 @@
+<script>
+  function login() {
+    globalThis.user = { name: 'John Doe' };
+    console.log('User logged in:', globalThis.user);
+  }
+</script>
+
+<button onclick={login}> Login </button>
+
+<button type="button" onclick={(e) => console.log(e)}> login2 </button>

src/index.svelte

@@ -2,7 +2,14 @@
   import './index.css';
   import Header from './components/header.svelte';
   import Main from './components/main.svelte';
+  import Login from './components/login.svelte';
 </script>
 
 <Header></Header>
-<Main></Main>
+<Main>
+  {#if !globalThis.user}
+    <Login></Login>
+  {:else}
+    {globalThis.user.name}
+  {/if}
+</Main>

src/index.ts

@@ -4,6 +4,7 @@ import './index.css';
 
 declare global {
   var didMount: boolean | undefined;
+  var user: { name: string } | undefined;
 }
 
 let app: Record<string, any> | undefined;