add Emoji component

This commit is contained in:
Milos Holba
2021-02-06 10:37:36 +01:00
parent 03ef16d90d
commit 9972f471c4
2 changed files with 26 additions and 8 deletions

View File

@@ -74,12 +74,5 @@
"/chunks/user-password.js": "/chunks/user-password.js?id=ac51d17a4aa7ae50bc88",
"/chunks/user-storage.js": "/chunks/user-storage.js?id=5cfec8a8f8a8aef24ef2",
"/chunks/user-subscription.js": "/chunks/user-subscription.js?id=c001bef2d6d5171cb359",
"/chunks/users.js": "/chunks/users.js?id=6e68cb068f69fba3199c",
"/js/main.f47b464038fa2fb380c2.hot-update.js": "/js/main.f47b464038fa2fb380c2.hot-update.js",
"/js/main.c1f03d447603776f5e65.hot-update.js": "/js/main.c1f03d447603776f5e65.hot-update.js",
"/js/main.3f82becb4ef9b8937eea.hot-update.js": "/js/main.3f82becb4ef9b8937eea.hot-update.js",
"/js/main.5158edf7314118f6daf9.hot-update.js": "/js/main.5158edf7314118f6daf9.hot-update.js",
"/chunks/files~chunks/shared-files~chunks/shared-page.60b0821e7bce9ec9f1c7.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page.60b0821e7bce9ec9f1c7.hot-update.js",
"/chunks/files~chunks/shared-files~chunks/shared-page.c61edd339cb07ede1d1b.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page.c61edd339cb07ede1d1b.hot-update.js",
"/js/main.ce676ecb4a614af3ceed.hot-update.js": "/js/main.ce676ecb4a614af3ceed.hot-update.js"
"/chunks/users.js": "/chunks/users.js?id=6e68cb068f69fba3199c"
}

View File

@@ -0,0 +1,25 @@
<template>
<div v-show="transferEmoji" :style="{width: `${size}px`, height: `${size}px`}" v-html="transferEmoji"/>
</template>
<script>
import twemoji from 'twemoji'
export default {
name: 'Emoji',
props: ['emoji', 'size'],
computed: {
transferEmoji () {
// Transfer single emoji to twemoji
return twemoji.parse(this.emoji.char, {
folder: 'svg',
ext: '.svg',
attributes: () => ({
loading: 'lazy',
})
})
}
},
}
</script>