use twemoji

Dockerfile

@@ -4,8 +4,9 @@ WORKDIR /workspace
 
 COPY audon-fe/ /workspace/
 
-RUN npm install && \
-    npm run build
+RUN npm install -g pnpm && \
+    pnpm install && \
+    pnpm run build
 
 FROM golang:1.19-bullseye
 

audon-fe/src/views/RoomView.vue

@@ -5,6 +5,7 @@ import { useMastodonStore } from "../stores/mastodon";
 import { map, some, omit, filter, trim, clone, differenceBy } from "lodash-es";
 import { darkTheme } from "picmo";
 import { createPopup } from "@picmo/popup-picker";
+import { TwemojiRenderer } from "picmo/renderers/twemoji";
 import { Howl } from "howler";
 import Participant from "../components/Participant.vue";
 import JoinDialog from "../components/JoinDialog.vue";
@@ -544,6 +545,7 @@ export default {
             emojiSize: "1.8rem",
             autoFocus: "none",
             showPreview: false,
+            renderer: new TwemojiRenderer(),
           },
           {
             referenceElement: btn,