Hide/Obfuscate/Mask Email Address from Spam Bots (Vue.js Component)

HideEmail.vue

<template>
    <span class="reverse">{{reversedEmail}}</span>
</template>

<script>
    export default {
        name: 'hide-email',
        props: [ 'email' ],
        computed: {
            reversedEmail(){
                return this.email.split("").reverse().join("")
            }
        }
    }
</script>

<style scoped>
    span.reverse {
        unicode-bidi: bidi-override;
        direction: rtl;
    }
</style>

Basically the way this works is by using CSS to reverse the text (so it displays correctly), but to spam bots or harvesters, when looking at the source code they will see the email in reverse.

Based off suggestion here:
https://stackoverflow.com/questions/483212/effective-method-to-hide-email-from-spam-bots

but it doesn't work with cmd c (mac) or control C (windows)

Most of the user just copy e-mail like that, and never click it, to open the default e-mail app in computer.
Most of users prefer to use gmail or hotmail site instead