willaengine/resources/js/Global/components/Misc/Tab.vue

<template>
    <div class="WM-NavWrapper">
        <ul class="WM-Nav d-flex WM-Float-R">
            <li> <NavIcon Icon="WMi-Real-Estate" ThemeColor="Black" Route="Summery"></NavIcon> </li>
            <!-- <li> <NavItem TitleFa=" صفحه ی اصلی " TitleEn=" Home " ThemeColor="Black"></NavItem> </li> -->
            <li> <NavItem TitleFa=" مجموعه ی من " TitleEn=" My Business " ThemeColor="Cyan" Route="MyBusiness"></NavItem> </li>
            <li> <NavItem TitleFa=" محصولات و خدمات " TitleEn=" Products & Services " ThemeColor="Red"></NavItem> </li>
            <li> <NavItem TitleFa=" نمونه کار ها " TitleEn=" Portfolios " ThemeColor="Purple"></NavItem> </li>
            <li> <NavItem TitleFa=" اخبار " TitleEn=" Blog " ThemeColor="Orange"></NavItem> </li>
            <li> <NavItem TitleFa=" مدیریت سایت " TitleEn=" Website Management " ThemeColor="Green" Route="WebsiteManagment"></NavItem> </li>
            <li> <NavIcon Icon="WMi-search" ThemeColor="Black"></NavIcon> </li>
            <li> <NavIcon Icon="WMi-message-reply-text" ThemeColor="Cyan" Quantity="12"></NavIcon> </li>
            <li> <NavIcon Icon="WMi-bell-alt" ThemeColor="Red" Quantity="4"></NavIcon> </li>
        </ul>
        <div class="WM-Float-L WM-Align-C">
            <NavIcon Icon="WMi-WM-Logo" ThemeColor="Red" IconSize="WM-Font-48 WM-LineHeight-40"></NavIcon>
            <div class="WM-Float-R WM-Margin-T-10" style="margin-left:-20px;">
                <div class="WM-Font-18" style="margin-bottom: -5px;"> فروشگاه فرش رضوی </div>
                <div class="WM-BG-Black WM-SubText WM-Font-14 SmallPad">
                    Razavi Carpet Store
                </div>
            </div>
        </div>
    </div>
</template>

<script>
import TabItem from "./TabItem.vue";

export default {
    props: {
        Items:   { default: {} },
    },
};
</script>