From 4c595d17d514f2a69c4d956a0521079df2c49d87 Mon Sep 17 00:00:00 2001 From: Sergio Ribera <56278796+SergioRibera@users.noreply.github.com> Date: Sun, 7 Jul 2024 01:42:28 -0400 Subject: [PATCH 01/25] feat: basic heading and use dynamic image og preview --- app.vue | 22 ---------------------- components/OgImage/Home.vue | 2 -- components/Roadmap.vue | 4 ++-- nuxt.config.ts | 15 ++++----------- pages/[...slug].vue | 19 ++++++++++++++----- 5 files changed, 20 insertions(+), 42 deletions(-) delete mode 100644 components/OgImage/Home.vue diff --git a/app.vue b/app.vue index 41257e8..23a15e9 100644 --- a/app.vue +++ b/app.vue @@ -4,33 +4,11 @@ const route = useRoute() const nodeId = route.params.slug - const title = 'Hoja de Ruta Definitiva para Aprender Rust: Desde Principiante hasta Experto' - const description = ` -¿Estás listo para dominar uno de los lenguajes de programación más potentes y eficientes? Nuestra hoja de ruta te guiará paso a paso en tu viaje de aprendizaje de Rust, desde los conceptos básicos hasta las técnicas avanzadas. Diseñada para principiantes y desarrolladores experimentados, esta guía exhaustiva te ayudará a construir una sólida base en Rust y a aprovechar al máximo su rendimiento, seguridad y concurrencia. -Aprenderás a través de ejemplos prácticos, ejercicios desafiantes y proyectos reales, lo que te permitirá aplicar tus nuevas habilidades de inmediato. Además, explorarás las mejores prácticas y las últimas tendencias en el ecosistema de Rust, asegurándote de estar siempre un paso adelante. -Ya sea que desees desarrollar aplicaciones de sistemas, videojuegos, criptomonedas o cualquier otro proyecto, nuestra hoja de ruta te preparará para dominar Rust y destacarte en el mundo del desarrollo de software. ¡Comienza tu viaje hoy y conviértete en un experto en Rust! - ` useHead({ bodyAttrs: { class: 'bg-orange-200 dark:bg-[#131313]/90 w-screen min-h-screen bg-center bg-fixed dark:bg-kaku dark:bg-cover dark:bg-blend-darken overflow-x-hidden dark:text-[#e2cea9]' + ((nodeId && !route.query.fromClick) ? ' overflow-hidden' : '') } }) - - useSeoMeta({ - title, - description, - ogTitle: title, - ogDescription: description, - twitterTitle: title, - twitterDescription: description, - twitterCard: 'summary_large_image', - icon: '/favicon.ico', - lang: 'es', - ogImage: '[og:image]', - twitterImage: '[twitter:image]' - }) - - // defineOgImageComponent('Home', { title })