feat(web): render markdown tables as real HTML tables

Add remark-gfm plugin so react-markdown renders GFM table syntax as
proper <table> elements. Wrap tables in a scrollable container for
mobile-friendly horizontal scrolling on wide tables like ship stats
and weapon lists.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Bas van Rossem
2026-02-19 17:02:58 +01:00
parent 0b6c810474
commit cbda07d793
4 changed files with 317 additions and 8 deletions

View File

@@ -11,16 +11,17 @@
"dependencies": {
"react": "^19.0.0",
"react-dom": "^19.0.0",
"react-markdown": "^9.0.3",
"react-router-dom": "^7.2.0",
"zustand": "^5.0.3",
"remark-gfm": "^4.0.1",
"socket.io-client": "^4.8.1",
"react-markdown": "^9.0.3"
"zustand": "^5.0.3"
},
"devDependencies": {
"typescript": "^5.7.3",
"vite": "^6.1.0",
"@vitejs/plugin-react": "^4.3.4",
"@types/react": "^19.0.0",
"@types/react-dom": "^19.0.0"
"@types/react-dom": "^19.0.0",
"@vitejs/plugin-react": "^4.3.4",
"typescript": "^5.7.3",
"vite": "^6.1.0"
}
}