From 9972f471c41afea519317d82c6741511c4e4c073 Mon Sep 17 00:00:00 2001
From: Milos Holba <milosholba78@gmail.com>
Date: Sat, 6 Feb 2021 10:37:36 +0100
Subject: [PATCH] add Emoji component

---
 public/mix-manifest.json                 |  9 +--------
 resources/js/components/Others/Emoji.vue | 25 ++++++++++++++++++++++++
 2 files changed, 26 insertions(+), 8 deletions(-)
 create mode 100644 resources/js/components/Others/Emoji.vue

diff --git a/public/mix-manifest.json b/public/mix-manifest.json
index f4a98e25..a0776d7c 100644
--- a/public/mix-manifest.json
+++ b/public/mix-manifest.json
@@ -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"
 }
diff --git a/resources/js/components/Others/Emoji.vue b/resources/js/components/Others/Emoji.vue
new file mode 100644
index 00000000..99e8f397
--- /dev/null
+++ b/resources/js/components/Others/Emoji.vue
@@ -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>
+