# All files / js/pages/settings Appearance.vue

0% Statements 0/5
100% Branches 0/0
0% Functions 0/2
0% Lines 0/5

Press n or j to go to the next uncovered block, b, p or k for the previous block.

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35

     <script setup lang="ts">
    import { Head } from '@inertiajs/vue3';

    import AppearanceTabs from '@/components/AppearanceTabs.vue';
    import HeadingSmall from '@/components/HeadingSmall.vue';
    import { type BreadcrumbItem } from '@/types';

    import AppLayout from '@/layouts/AppLayout.vue';
    import SettingsLayout from '@/layouts/settings/Layout.vue';
    import { edit } from '@/routes/appearance';

    const breadcrumbItems: BreadcrumbItem[] = [
        {
            title: 'Appearance settings',
            href: edit().url,
        },
    ];
    </script>

    <template>
        <AppLayout :breadcrumbs="breadcrumbItems">
            <Head title="Appearance settings" />

            <SettingsLayout>
                <div class="space-y-6">
                    <HeadingSmall
                        title="Appearance settings"
                        description="Update your account's appearance settings"
                    />
                    <AppearanceTabs />
                </div>
            </SettingsLayout>
        </AppLayout>
    </template>