Merge Dynamic count shortening in statistics (#151)

src/lib/LargeCount.svelte

@@ -0,0 +1,21 @@
+<!-- A component for showing shortened large numbers (like 1k etc). -->
+<script>
+	export let num = 0;
+	// we don't need negative numbers but why not
+	$: magnitude = Math.abs(num);
+
+	function round(n, decimals) {
+		return +n.toFixed(decimals);
+	}
+</script>
+
+{#if (isNaN(num) || num === Infinity || num === -Infinity) || magnitude < 1000}
+	{num}
+{:else if magnitude < 1000000}
+	{round(num / 1000, 2)}k
+{:else if magnitude < 1000000000}
+	{round(num / 1000, 2)}M
+{:else}
+	<!-- how -->
+	{round(num / 1000, 2)}B
+{/if}

src/screens/Search.svelte

@@ -3,6 +3,7 @@
 	import {apiUrl} from "../lib/urls.js";
 	import Loading from "../lib/Loading.svelte";
 	import Container from "../lib/Container.svelte";
+	import LargeCount from "../lib/LargeCount.svelte";
 
 	let errors = "";
 </script>
@@ -153,8 +154,10 @@
 					<Loading />
 				</div>
 			{:then stats}
-				There are {(stats.posts / 1000).toFixed(2)}k posts, {stats.chats}
-				chats and {(stats.users / 1000).toFixed(2)}k users on Meower.
+				There {stats.posts == 1 ? "is" : "are"}
+				<LargeCount num={stats.posts} /> post{stats.posts == 1 ? "" : "s"},
+				<LargeCount num={stats.chats} /> chats and
+				<LargeCount num={stats.users} /> users on Meower.
 			{/await}
 		{/await}
 	</Container>