From 79d49d791623097c987bbfba3ca319f4cadd6f70 Mon Sep 17 00:00:00 2001
From: Ap_Tx <3045929398@qq.com>
Date: Mon, 19 Oct 2026 22:36:32 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E5=9C=A8=E7=BA=BF=E7=8E=A9=E5=AE=B6?=
 =?UTF-8?q?=E6=8F=90=E7=A4=BA=E6=B8=B2=E6=9F=93=20MOTD=20=E9=A2=9C?=
 =?UTF-8?q?=E8=89=B2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/components/ui/world/WorldItem.vue             | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/apps/app-frontend/src/components/ui/world/WorldItem.vue b/apps/app-frontend/src/components/ui/world/WorldItem.vue
index d6cc159..bfdd319 100644
--- a/apps/app-frontend/src/components/ui/world/WorldItem.vue
+++ b/apps/app-frontend/src/components/ui/world/WorldItem.vue
@@ -34,6 +34,7 @@ import {
 	useVIntl,
 } from '@modrinth/ui'
 import { getPingLevel } from '@modrinth/utils'
+import { autoToHTML } from '@sfirew/minecraft-motd-parser'
 import dayjs from 'dayjs'
 import { Tooltip } from 'floating-vue'
 import type { Component } from 'vue'
@@ -360,10 +361,12 @@ const messages = defineMessages({
 									}}
 								</span>
 								<template #popper>
-									<div class="flex flex-col gap-1">
-										<span v-for="player in serverStatus.players?.sample" :key="player.name">
-											{{ player.name }}
-										</span>
+									<div class="flex flex-col gap-1 font-minecraft">
+										<span
+											v-for="player in serverStatus.players?.sample"
+											:key="player.name"
+											v-html="autoToHTML(player.name)"
+										/>
 									</div>
 								</template>
 							</Tooltip>