test for iOS emojis

2026-05-05 13:45:57 +00:00 · 2021-02-09 20:42:48 +01:00
parent f6dbb5e71e
commit 6c3630085e
2 changed files with 74 additions and 34 deletions
@@ -75,23 +75,31 @@
    "/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.60d1d989661d26750e26.hot-update.js": "/js/main.60d1d989661d26750e26.hot-update.js",
-    "/js/main.8d335347b3e7d6ef8783.hot-update.js": "/js/main.8d335347b3e7d6ef8783.hot-update.js",
-    "/js/main.2b3920a40cb688148dc4.hot-update.js": "/js/main.2b3920a40cb688148dc4.hot-update.js",
-    "/js/main.22d19abef25f78e88a66.hot-update.js": "/js/main.22d19abef25f78e88a66.hot-update.js",
-    "/js/main.af5f73620bcd76070657.hot-update.js": "/js/main.af5f73620bcd76070657.hot-update.js",
-    "/js/main.352ea86804e961411687.hot-update.js": "/js/main.352ea86804e961411687.hot-update.js",
-    "/js/main.270446ffdfc7473b28c1.hot-update.js": "/js/main.270446ffdfc7473b28c1.hot-update.js",
-    "/js/main.fd8705319d9cff551b83.hot-update.js": "/js/main.fd8705319d9cff551b83.hot-update.js",
-    "/js/main.a9c8ab99f4e2bc06d05e.hot-update.js": "/js/main.a9c8ab99f4e2bc06d05e.hot-update.js",
-    "/js/main.c081dfe00c78b447d506.hot-update.js": "/js/main.c081dfe00c78b447d506.hot-update.js",
-    "/js/main.6f4f1b89bf0b908118c4.hot-update.js": "/js/main.6f4f1b89bf0b908118c4.hot-update.js",
-    "/js/main.af32be5c81c362624d74.hot-update.js": "/js/main.af32be5c81c362624d74.hot-update.js",
-    "/js/main.50bb9606a4277f0d0237.hot-update.js": "/js/main.50bb9606a4277f0d0237.hot-update.js",
-    "/js/main.affcc1bb8306fccfdd21.hot-update.js": "/js/main.affcc1bb8306fccfdd21.hot-update.js",
-    "/js/main.667981b8d91747493be1.hot-update.js": "/js/main.667981b8d91747493be1.hot-update.js",
-    "/js/main.dc9ba17ce5da9b701f8a.hot-update.js": "/js/main.dc9ba17ce5da9b701f8a.hot-update.js",
-    "/js/main.9d60c2035bab29787b96.hot-update.js": "/js/main.9d60c2035bab29787b96.hot-update.js",
-    "/js/main.af66b8349281697e9e6d.hot-update.js": "/js/main.af66b8349281697e9e6d.hot-update.js",
-    "/js/main.ff7d5e392a71c78199bc.hot-update.js": "/js/main.ff7d5e392a71c78199bc.hot-update.js"
+    "/js/main.5fb05b33c8800e18e678.hot-update.js": "/js/main.5fb05b33c8800e18e678.hot-update.js",
+    "/js/main.3945065c6eb64b8a6553.hot-update.js": "/js/main.3945065c6eb64b8a6553.hot-update.js",
+    "/js/main.27049a6ed47215be0a9d.hot-update.js": "/js/main.27049a6ed47215be0a9d.hot-update.js",
+    "/js/main.e29af14113aaed78c626.hot-update.js": "/js/main.e29af14113aaed78c626.hot-update.js",
+    "/js/main.334274881560e2fb2375.hot-update.js": "/js/main.334274881560e2fb2375.hot-update.js",
+    "/js/main.ac81100eeed949ac97f0.hot-update.js": "/js/main.ac81100eeed949ac97f0.hot-update.js",
+    "/js/main.e03f09208112d8efce9e.hot-update.js": "/js/main.e03f09208112d8efce9e.hot-update.js",
+    "/js/main.6f48f6749945822c4f2a.hot-update.js": "/js/main.6f48f6749945822c4f2a.hot-update.js",
+    "/js/main.f00d5682bec289c069a1.hot-update.js": "/js/main.f00d5682bec289c069a1.hot-update.js",
+    "/js/main.cb91e299f6b0092ed525.hot-update.js": "/js/main.cb91e299f6b0092ed525.hot-update.js",
+    "/js/main.d009a11314fcdcbb3921.hot-update.js": "/js/main.d009a11314fcdcbb3921.hot-update.js",
+    "/js/main.5f1ec1268c2d447a7e23.hot-update.js": "/js/main.5f1ec1268c2d447a7e23.hot-update.js",
+    "/js/main.ab644a7e0668194bfda0.hot-update.js": "/js/main.ab644a7e0668194bfda0.hot-update.js",
+    "/js/main.acd052038b267c61a146.hot-update.js": "/js/main.acd052038b267c61a146.hot-update.js",
+    "/js/main.44ad5d933de5ba420f43.hot-update.js": "/js/main.44ad5d933de5ba420f43.hot-update.js",
+    "/js/main.e4d4fe263509c4c3958a.hot-update.js": "/js/main.e4d4fe263509c4c3958a.hot-update.js",
+    "/js/main.393185a92ff6ef4012ff.hot-update.js": "/js/main.393185a92ff6ef4012ff.hot-update.js",
+    "/js/main.3487c72a10013187b78c.hot-update.js": "/js/main.3487c72a10013187b78c.hot-update.js",
+    "/js/main.878253e356674e1ff07e.hot-update.js": "/js/main.878253e356674e1ff07e.hot-update.js",
+    "/js/main.a7651a83a4cd855561a4.hot-update.js": "/js/main.a7651a83a4cd855561a4.hot-update.js",
+    "/js/main.cb340ddf3550d4dac3cf.hot-update.js": "/js/main.cb340ddf3550d4dac3cf.hot-update.js",
+    "/js/main.77794c112aaa64b3731b.hot-update.js": "/js/main.77794c112aaa64b3731b.hot-update.js",
+    "/js/main.0d900ff97d20b047f7fc.hot-update.js": "/js/main.0d900ff97d20b047f7fc.hot-update.js",
+    "/js/main.7588429f35efb60362c4.hot-update.js": "/js/main.7588429f35efb60362c4.hot-update.js",
+    "/js/main.931e49d0ae359bb84be6.hot-update.js": "/js/main.931e49d0ae359bb84be6.hot-update.js",
+    "/js/main.b09f9d2eddc299140e8d.hot-update.js": "/js/main.b09f9d2eddc299140e8d.hot-update.js",
+    "/js/main.5fe9005430f41f279199.hot-update.js": "/js/main.5fe9005430f41f279199.hot-update.js"
 }
@@ -1,25 +1,57 @@
 <template>
-    <div v-show="transferEmoji" :style="{width: `${size}px`, height: `${size}px`}"  v-html="transferEmoji"/>
+    <div>
+        <div v-if="transferEmoji && !isIos" :style="{width: `${size}px`, height: `${size}px`}"  v-html="transferEmoji"/>
+        <span v-if="transferEmoji && isIos" :style="{fontSize: `${size}px`}">{{transferEmoji}}</span>
+    </div>
+    
 </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',
+export default {
+    name: 'Emoji',
+    props: ['emoji', 'size'],
+    computed: {
+        transferEmoji () {
+            
+            // Transfer single emoji to twemoji
+            return !this.isIos 
+                   ? twemoji.parse(this.emoji.char, {
+                        folder: 'svg',
+                        ext: '.svg',
+                        attributes: () => ({
+                            loading: 'lazy',
+                        }) 
                    }) 
-                })
-            }
+                    : this.emoji.char
        },
+    },
+    data () {
+        return {
+            isIos: false
+        }
+    },
+    created () {
+       
+        const toMatch = [
+                /iPhone/i,
+                /iPad/i,
+                /iPod/i,
+                /iOS/i,
+                /macOS/i,
+                /Macintosh/i
+            ]
+        this.isIos = toMatch.some(toMatchItem => {
+            return navigator.userAgent.match(toMatchItem)
+        })
    }
+}
 </script>

+<style lang="scss" scoped>
+@import "@assets/vue-file-manager/_inapp-forms.scss";
+@import '@assets/vue-file-manager/_forms';
+
+
+</style>
+