From 32dbfbc20536a5ffdc7dc82c1a08d6faaa21ad62 Mon Sep 17 00:00:00 2001 From: Namekuji Date: Mon, 20 Feb 2023 17:39:27 -0500 Subject: [PATCH] use png twemoji --- audon-fe/index.prod.html | 2 +- audon-fe/package.json | 38 ++++++++++++------------- audon-fe/pnpm-lock.yaml | 36 +++++++++++------------ audon-fe/src/components/Participant.vue | 14 +++++---- audon-fe/src/views/RoomView.vue | 6 ++-- 5 files changed, 49 insertions(+), 47 deletions(-) diff --git a/audon-fe/index.prod.html b/audon-fe/index.prod.html index f2a007a..e1e0abf 100644 --- a/audon-fe/index.prod.html +++ b/audon-fe/index.prod.html @@ -29,7 +29,7 @@ {% end %} -
+
diff --git a/audon-fe/package.json b/audon-fe/package.json index 310ea28..427c17e 100644 --- a/audon-fe/package.json +++ b/audon-fe/package.json @@ -1,6 +1,6 @@ { "name": "audon-fe", - "version": "0.3.0", + "version": "0.3.1", "private": true, "scripts": { "dev": "cp -v index.dev.html index.html && vite", @@ -9,35 +9,35 @@ "lint": "eslint . --ext .vue,.js,.jsx,.cjs,.mjs --fix --ignore-path .gitignore" }, "dependencies": { - "@intlify/unplugin-vue-i18n": "^0.8.1", - "@picmo/popup-picker": "^5.7.2", + "@intlify/unplugin-vue-i18n": "^0.8.2", + "@picmo/popup-picker": "^5.7.6", "@picmo/renderer-twemoji": "^5.7.6", "@uriopass/nosleep.js": "^0.12.2", "@vuelidate/core": "^2.0.0", "@vuelidate/validators": "^2.0.0", - "@vueuse/core": "^9.6.0", - "axios": "^1.2.0", + "@vueuse/core": "^9.13.0", + "axios": "^1.3.3", "howler": "^2.2.3", - "livekit-client": "^1.6.0", + "livekit-client": "^1.6.5", "lodash-es": "^4.17.21", - "luxon": "^3.1.1", - "masto": "^5.6.0", - "picmo": "^5.7.2", - "pinia": "^2.0.26", - "vue": "^3.2.45", + "luxon": "^3.2.1", + "masto": "^5.10.0", + "picmo": "^5.7.6", + "pinia": "^2.0.31", + "vue": "^3.2.47", "vue-i18n": "^9.2.2", "vue-router": "^4.1.6", - "vuetify": "^3.0.3" + "vuetify": "^3.1.5" }, "devDependencies": { - "@mdi/js": "^7.0.96", - "@rushstack/eslint-patch": "^1.1.4", + "@mdi/js": "^7.1.96", + "@rushstack/eslint-patch": "^1.2.0", "@vitejs/plugin-vue": "^3.2.0", "@vue/eslint-config-prettier": "^7.0.0", - "eslint": "^8.22.0", - "eslint-plugin-vue": "^9.3.0", - "prettier": "^2.7.1", - "vite": "^3.2.4", - "vite-plugin-vuetify": "^1.0.0" + "eslint": "^8.34.0", + "eslint-plugin-vue": "^9.9.0", + "prettier": "^2.8.4", + "vite": "^3.2.5", + "vite-plugin-vuetify": "^1.0.2" } } diff --git a/audon-fe/pnpm-lock.yaml b/audon-fe/pnpm-lock.yaml index 8d49059..aedb14d 100644 --- a/audon-fe/pnpm-lock.yaml +++ b/audon-fe/pnpm-lock.yaml @@ -1,34 +1,34 @@ lockfileVersion: 5.4 specifiers: - '@intlify/unplugin-vue-i18n': ^0.8.1 - '@mdi/js': ^7.0.96 - '@picmo/popup-picker': ^5.7.2 + '@intlify/unplugin-vue-i18n': ^0.8.2 + '@mdi/js': ^7.1.96 + '@picmo/popup-picker': ^5.7.6 '@picmo/renderer-twemoji': ^5.7.6 - '@rushstack/eslint-patch': ^1.1.4 + '@rushstack/eslint-patch': ^1.2.0 '@uriopass/nosleep.js': ^0.12.2 '@vitejs/plugin-vue': ^3.2.0 '@vue/eslint-config-prettier': ^7.0.0 '@vuelidate/core': ^2.0.0 '@vuelidate/validators': ^2.0.0 - '@vueuse/core': ^9.6.0 - axios: ^1.2.0 - eslint: ^8.22.0 - eslint-plugin-vue: ^9.3.0 + '@vueuse/core': ^9.13.0 + axios: ^1.3.3 + eslint: ^8.34.0 + eslint-plugin-vue: ^9.9.0 howler: ^2.2.3 - livekit-client: ^1.6.0 + livekit-client: ^1.6.5 lodash-es: ^4.17.21 - luxon: ^3.1.1 - masto: ^5.6.0 - picmo: ^5.7.2 - pinia: ^2.0.26 - prettier: ^2.7.1 - vite: ^3.2.4 - vite-plugin-vuetify: ^1.0.0 - vue: ^3.2.45 + luxon: ^3.2.1 + masto: ^5.10.0 + picmo: ^5.7.6 + pinia: ^2.0.31 + prettier: ^2.8.4 + vite: ^3.2.5 + vite-plugin-vuetify: ^1.0.2 + vue: ^3.2.47 vue-i18n: ^9.2.2 vue-router: ^4.1.6 - vuetify: ^3.0.3 + vuetify: ^3.1.5 dependencies: '@intlify/unplugin-vue-i18n': 0.8.2_vue-i18n@9.2.2 diff --git a/audon-fe/src/components/Participant.vue b/audon-fe/src/components/Participant.vue index 443f815..509f090 100644 --- a/audon-fe/src/components/Participant.vue +++ b/audon-fe/src/components/Participant.vue @@ -77,7 +77,9 @@ export default { scrim="#000000" class="align-center justify-center reaction" > - {{ emoji }} +
+ +
- {{ emoji }} +
+ +
{ - self.onEmojiSelected(emoji); + picker.addEventListener("emoji:select", ({ url }) => { + self.onEmojiSelected(url); }); this.emojiPicker = picker; }