mirror of
https://github.com/VueFileManager/vuefilemanager.git
synced 2026-04-06 02:33:48 +00:00
add Emoji component
This commit is contained in:
@@ -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"
|
||||
}
|
||||
|
||||
25
resources/js/components/Others/Emoji.vue
Normal file
25
resources/js/components/Others/Emoji.vue
Normal 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>
|
||||
|
||||
Reference in New Issue
Block a user