Migrate more stuff

src/app/components/Landing.svelte

@@ -22,16 +22,28 @@
     </div>
     <Button on:click={logIn}>
       <CardButton class="!btn-primary">
-        <div slot="icon"><Icon icon="login-2" size={7} /></div>
-        <div slot="title">Log in</div>
-        <div slot="info">If you've been here before, you know the drill.</div>
+        {#snippet icon()}
+          <div><Icon icon="login-2" size={7} /></div>
+        {/snippet}
+        {#snippet title()}
+          <div>Log in</div>
+        {/snippet}
+        {#snippet info()}
+          <div>If you've been here before, you know the drill.</div>
+        {/snippet}
       </CardButton>
     </Button>
     <Button on:click={signUp}>
       <CardButton>
-        <div slot="icon"><Icon icon="add-circle" size={7} /></div>
-        <div slot="title">Create an account</div>
-        <div slot="info">Just a few questions and you'll be on your way.</div>
+        {#snippet icon()}
+          <div><Icon icon="add-circle" size={7} /></div>
+        {/snippet}
+        {#snippet title()}
+          <div>Create an account</div>
+        {/snippet}
+        {#snippet info()}
+          <div>Just a few questions and you'll be on your way.</div>
+        {/snippet}
       </CardButton>
     </Button>
     <p class="text-center text-xs opacity-75">