<script lang='ts' setup>
import { computed, defineAsyncComponent, nextTick, onMounted, onUnmounted, ref, watch } from 'vue'
import { ConstKeys } from '~/enums/const-enums'

useHead({
  title: 'EJET Selection Retailer | View Your Favourites and Orders',
  meta: [
    {
      name: 'description',
      content:
         `Access and manage your wholesale account at EJET Selection. Review orders, manage favourites, update preferences, and enjoy a seamless wholesale shopping experience.`,
    },
    {
      property: 'og:title',
      content: 'EJET Selection Retailer | View Your Favourites and Orders',
    },
    {
      property: 'og:description',
      content: `Access and manage your wholesale account at EJET Selection. Review orders, manage favourites, update preferences, and enjoy a seamless wholesale shopping experience.`,
    },
    {
      property: 'og:type',
      content: 'website',
    },
    {
      property: 'twitter:title',
      content: 'EJET Selection Retailer | View Your Favourites and Orders',
    },
    {
      property: 'twitter:description',
      content: `Access and manage your wholesale account at EJET Selection. Review orders, manage favourites, update preferences, and enjoy a seamless wholesale shopping experience.`,
    },
    {
      property: 'twitter:card',
      content: 'summary_large_image',
    },
  ],
  link: [
    {
      rel: 'canonical',
      href: `${ConstKeys.DOMAINPRO}/account`,
    },
  ],
})
</script>

<template>
  <div>
    <div class="w-1400px mx-auto flex pt-40px pb-216px">
      <div class="w-180px bg-#FAFAFA b-rd-10px">
        <business-account-left />
      </div>
      <div class="flex-1 ml-16px">
        <NuxtPage />
      </div>
    </div>
    <common-footer-guide />
  </div>
</template>

<style lang='less' scoped>
</style>
