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

// const { data: content, suspense } = useGetContent();
//
// await useAsyncData(async () => {
//     if (!content.value) {
//         await suspense();
//     }
// });
</script>

<template>
    <div
        class="w-full flex flex-col-center persian-number font-yekan-bakh"
        dir="rtl"
    >
        <Header />
        <main class="w-full overflow-x-hidden">
            <slot />
        </main>
        <div class="w-full flex-col flex">
            <ServiceHighlights />
            <Footer />
        </div>
    </div>
</template>
