feat(ui): optimize EntityIcon component and fix event handling

- Refactor EntityIcon to use proper Vue template syntax instead of v-html
- Add safe event handling with error logging
- Cache identicon SVG generation for better performance
- Add cursor-pointer class for better UX
- Fix circular reference issues in event handling
- Add proper TypeScript typing for event parameters
- Add ESLint disable comment for v-html usage
- Improve error handling and logging

This commit addresses UI performance and stability issues in the EntityIcon
component, particularly around event handling and SVG generation. The changes
should resolve the circular reference errors and improve the overall user
experience when interacting with profile icons.

WIP: Further testing needed for event propagation and image loading edge cases.
This commit is contained in:
Matthew Raymer
2025-04-03 12:28:58 +00:00
parent a0cf9ea721
commit b8c3517072
17 changed files with 1398 additions and 226 deletions
@@ -6,7 +6,7 @@
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<link rel="icon" href="/favicon.ico">
<title>TimeSafari</title>
<script type="module" crossorigin src="/assets/index-CxCVZqQa.js"></script>
<script type="module" crossorigin src="/assets/index-KPivi3wg.js"></script>
</head>
<body>
<noscript>