Version estable

<template>
<v-card>
<v-toolbar color="accent">
<v-app-bar-nav-icon></v-app-bar-nav-icon> <!-- Icono de navegación para el
cajón o drawer -->
<v-toolbar-title>ML COMMUNITY</v-toolbar-title> <!-- Título de la barra
de herramientas -->
<v-spacer></v-spacer> <!-- Espaciador para alinear elementos a la
derecha -->

<!-- Botón con un ícono de lupa -->

<v-btn icon>
<v-icon>mdi-magnify</v-icon>
</v-btn>

<!-- Botón con un ícono de puntos verticales -->

<v-btn icon>
<v-icon>mdi-dots-vertical</v-icon>
</v-btn>

<!-- Pestañas en la barra de herramientas -->

<template v-slot:extension>
<v-tabs
v-model="tab"
align-tabs="title"
>
<v-tab
v-for="item in items"
:key="item"
:value="item"
>
{{ item }}
</v-tab>
</v-tabs>
</template>
</v-toolbar>

<!-- Contenido asociado a cada pestaña -->

<v-window v-model="tab">

<router-view></router-view>
</v-window>

</v-card>

</template>
<v-window-item
v-for="item in items"
:key="item"
:value="item"
>
<v-card flat>
<v-card-text v-text="text"></v-card-text>
</v-card>
</v-window-item>

<script>
import Home from '@/components/Home.vue' // Importa tu componente Home

export default {

components: {
Home, // Registra el componente Home
},

data() {
return {
tab: 'Home', // Cambia la pestaña activa a Home
items: [
'Home','Events', 'Codelabs', 'Paper reading club', 'About', 'FAQ',
],
};
},
};
</script>

//Con este codigo ya no se ven las pestañas

<template>
<v-card>
<v-toolbar color="primary">
<v-app-bar-nav-icon></v-app-bar-nav-icon>
<v-toolbar-title>ML COMMUNITY</v-toolbar-title>
<v-spacer></v-spacer>

<!-- Enlaces de router para las pestañas -->

<router-link v-for="item in items" :key="item" :to="`/$
{item.toLowerCase().replace(/\s/g, '-')}`">{{ item }}</router-link>

<v-btn icon>
<v-icon>mdi-magnify</v-icon>
</v-btn>

<v-btn icon>
<v-icon>mdi-dots-vertical</v-icon>
</v-btn>
</v-toolbar>
</v-card>

<!-- Área donde se mostrará el contenido de la pestaña activa -->

<router-view></router-view>
</template>

<script>
export default {
data() {
return {
items: ['Home', 'Events', 'Codelabs', 'Paper reading club', 'About', 'FAQ']
};
},
};
</script>

<style scoped>
/* Estilos específicos para Toolbar.vue */
</style>