feat: Added option to hide 7TV badges in chat (#1048)

CHANGELOG-nightly.md

@@ -2,6 +2,7 @@
 
 -   Fixed an issue where twitch emotes were displayed larger after hovering over them
 -   Fixed an issue causing VOD messages to display two timestamps
+-   Added option to hide 7TV badges from chat
 
 ### 3.1.0.3000
 

src/app/chat/UserTag.vue

@@ -79,6 +79,7 @@ const ctx = useChannelContext();
 const properties = useChatProperties(ctx);
 const cosmetics = useCosmetics(props.user.id);
 const shouldRenderPaint = useConfig("vanity.nametag_paints");
+const shouldRender7tvBadges = useConfig("vanity.7tv_Badges");
 const betterUserCardEnabled = useConfig("chat.user_card");
 const twitchBadges = ref<Twitch.ChatBadge[]>([]);
 const twitchBadgeSets = toRef(properties, "twitchBadgeSets");
@@ -133,7 +134,7 @@ const stop = watch(
 		}
 
 		paint.value = shouldRenderPaint.value && paints && paints.size ? paints.values().next().value : null;
-		activeBadges.value = [...badges.values()];
+		activeBadges.value = shouldRender7tvBadges.value && badges && badges.size ? [...badges.values()] : [];
 	},
 	{ immediate: true },
 );

src/site/twitch.tv/modules/chat/ChatModule.vue

@@ -478,5 +478,11 @@ export const config = [
 		hint: "Whether or not to display nametag paints",
 		defaultValue: true,
 	}),
+	declareConfig<boolean>("vanity.7tv_Badges", "TOGGLE", {
+		path: ["Appearance", "Vanity"],
+		label: "7TV Badges",
+		hint: "Whether or not to display 7TV Badges",
+		defaultValue: true,
+	}),
 ];
 </script>