User page

src/lib/UserAuthentication.svelte

@@ -37,6 +37,9 @@
     <input type="text" class="border-2 border-gray-300" bind:value={secret} />
     <button on:click={login} class="hover:opacity-60">Login</button>
 {:else}
-    <span>Welcome, user <strong>{$user.username}</strong></span>
+    <span
+        >Welcome, user <a href="#/user" class="hover:opacity-50"><strong>{$user.username}</strong></a
+        ></span
+    >
     <button on:click={logout} class="hover:opacity-60">Logout</button>
 {/if}

src/routes.js

@@ -3,6 +3,7 @@ import Upload from '@/routes/Upload.svelte';
 import ImagePost from '@/routes/ImagePost.svelte';
 import Tag from '@/routes/Tag.svelte';
 import Browse from '@/routes/Browse.svelte';
+import User from '@/routes/User.svelte';
 
 export default {
     '/': Home,
@@ -10,4 +11,5 @@ export default {
     '/image/:snowflake': ImagePost,
     '/tag': Tag,
     '/browse': Browse,
+    '/user': User,
 }
\ No newline at end of file

src/routes/User.svelte

+<script>
+    import { user } from "@/stores";
+</script>
+
+<svelte:head>
+    <title>User</title>
+</svelte:head>
+
+<ul>
+    <li>ID: {$user.id}</li>
+    <li>Username: {$user.username}</li>
+    <li>Is privileged?: {$user.privileged}</li>
+    <li>Secret: {$user.secret}</li>
+</ul>