<script setup lang="ts">
// imports

import useGetAccount from "~/composables/api/account/useGetAccount";

// queries

const { suspense } = useGetAccount();

await suspense();
</script>

<template>
    <div
        class="w-full flex flex-col-center persian-number font-iran-yekan-x"
        dir="rtl"
    >
        <Header />
        <main
            class="w-full overflow-x-hidden container flex items-start gap-[2rem]"
        >
            <ProfileSidebar />
            <div class="w-9/12">
                <NuxtPage />
            </div>
        </main>
        <div class="w-full flex-col flex">
            <ServiceHighlights />
            <Footer />
        </div>
    </div>
</template>

<style scoped></style>
