A pr was wanted

src/plugins/UnreadCountBadge/README.md

@@ -0,0 +1,3 @@
+Show a badge in the channel list for unread messages.
+
+![image](https://github.com/user-attachments/assets/fdec8682-8db6-4a24-be48-b13a16ad9d00)

src/plugins/UnreadCountBadge/index.tsx

@@ -0,0 +1,36 @@
+/*
+ * Vencord, a Discord client mod
+ * Copyright (c) 2024 Vendicated and contributors
+ * SPDX-License-Identifier: GPL-3.0-or-later
+ */
+
+import ErrorBoundary from "@components/ErrorBoundary";
+import { Devs } from "@utils/constants";
+import definePlugin from "@utils/types";
+import { findByPropsLazy } from "@webpack";
+import { ReadStateStore, useStateFromStores } from "@webpack/common";
+const { NumberBadge } = findByPropsLazy("NumberBadge");
+
+import "./styles.css";
+
+export default definePlugin({
+    name: "UnreadCountBadge",
+    authors: [Devs.Joona],
+    description: "Show unread count in the channel list",
+    patches: [
+        // Kanged from typingindicators
+        {
+            find: "UNREAD_IMPORTANT:",
+            replacement: {
+                match: /\.name\),.{0,120}\.children.+?:null(?<=,channel:(\i).+?)/,
+                replace: "$&,$self.CountBadge({channelId:$1.id})"
+            }
+        },
+    ],
+
+    CountBadge: ErrorBoundary.wrap(({ channelId }: { channelId: string; }) => {
+        const unreadCount = useStateFromStores([ReadStateStore], () => ReadStateStore.getUnreadCount(channelId));
+        if (!unreadCount) return null;
+        return <NumberBadge count={unreadCount} color="var(--brand-500)" className="unreadCountBadge" />;
+    }, { noop: true })
+});

src/plugins/UnreadCountBadge/styles.css

@@ -0,0 +1,3 @@
+.unreadCountBadge {
+    margin-left: 4px;
+}