degidev/basico.vue

## basico.vue
<template>
    <Head title="Llaves"/>
    <AppLayout :breadcrumbs="breadcrumbs" >
        <h1>Llaves</h1>
    </AppLayout>
</template>

<script setup lang="ts">
    import AppLayout from '@/layouts/AppLayout.vue';
    import { Head } from '@inertiajs/vue3';
    import { type BreadcrumbItem } from '@/types';

    const breadcrumbs: BreadcrumbItem[] = [
        {
            title: 'Configuración',
            href: '/configuracion',
        },
        {
            title: 'Llaves',
            href: '/configuracion/llaves',
        },
    ];
</script>

<style scoped>

</style>
	<template>
	<Head title="Llaves"/>
	<AppLayout :breadcrumbs="breadcrumbs" >
	<h1>Llaves</h1>
	</AppLayout>
	</template>

	<script setup lang="ts">
	import AppLayout from '@/layouts/AppLayout.vue';
	import { Head } from '@inertiajs/vue3';
	import { type BreadcrumbItem } from '@/types';

	const breadcrumbs: BreadcrumbItem[] = [
	{
	title: 'Configuración',
	href: '/configuracion',
	},
	{
	title: 'Llaves',
	href: '/configuracion/llaves',
	},
	];
	</script>

	<style scoped>

	</style>