Fix #108

src/assets/messageParser.ts

@@ -65,6 +65,14 @@ export function parseMessage(messageData: any, allBadges: Badge[]): ParsedMessag
         }
       }
     }
+    case 'NOTICE': {
+      return {
+        type: 'NOTICE',
+        data: {
+          message: message.message
+        }
+      }
+    }
     // Add more cases for other message types here
     default: {
       return {

src/components/TwitchChat.vue

@@ -194,6 +194,10 @@ export default {
           <p v-else class="text-sm text-gray-500 italic"> {{ $t("chat.timeout", { username: message.data.username, duration: message.data.duration }) }} </p>
         </div>
 
+        <div v-else-if="message.type === 'NOTICE'" class="text-contrast inline-flex bg-pink bg-opacity-50 p-1 rounded-md">
+          <p> {{ message.data.message }} </p>
+        </div>
+
         <div v-else class="text-contrast">
           {{ message }}
         </div>