<template>
    <router-link :to="Route"  class="WM-Link WM-Align-C WM-PageNav" :class="HoverClass">
        <div class="WM-Font-18">  {{ TitleFa }} </div>
        <div class="WM-Font-14">  {{ TitleEn }} </div>
    </router-link>
</template>

<script>
export default {
    props: {
        TitleFa:     { default: "دسترسی سریع" },
        TitleEn:     { default: "Quick Link" },
        ThemeColor:  { default: "Red" },
        Route:       { default: "#" }
    },
    data: function ()  {
        return {
            HoverClass: 'WM-Link-' + this.ThemeColor,
        }
    },
    //
    // data() {
    //     return {
    //         Color,HoverClass
    //     }
    // },
    // created : function ( ) {
    //     this.Color = 'WM-BG-' + this.ThemeColor;
    //     this.HoverClass = 'WM-Link-' + this.ThemeColor;
    // }
};
</script>
