From 517eb478117b337bcf527e4fd8a4f629051cf467 Mon Sep 17 00:00:00 2001 From: sumitshinde-84 Date: Fri, 28 Aug 2026 01:53:42 +0530 Subject: [PATCH 1/2] Replace back-to links with breadcrumbs on blog, changelog, customer stories The breadcrumb and the "Back to X" link both navigated to the same parent page. Drop the redundant link and move the breadcrumb into its position instead of the hero title block, which also fixes a mobile overflow bug where a long post title in the breadcrumb pushed the page wider than the viewport. Also fix Breadcrumbs.vue so only the active (last) crumb truncates, instead of every crumb shrinking evenly. --- nuxt/components/Breadcrumbs.vue | 12 ++++++------ nuxt/pages/blog/[...slug].vue | 6 +----- nuxt/pages/changelog/[...slug].vue | 6 +----- nuxt/pages/customer-stories/[slug].vue | 6 +----- 4 files changed, 9 insertions(+), 21 deletions(-) diff --git a/nuxt/components/Breadcrumbs.vue b/nuxt/components/Breadcrumbs.vue index 68a2f35dfd..01b463bbd1 100644 --- a/nuxt/components/Breadcrumbs.vue +++ b/nuxt/components/Breadcrumbs.vue @@ -17,18 +17,18 @@ useSchemaOrg([ }), ]) -// The indigo hover only makes sense on crumbs that actually navigate — a plain span -// (no `to`, e.g. the current page or a non-navigable group label) getting the same -// hover color as a real link falsely signals it's clickable. -const items = computed(() => props.items.map(item => ({ +const displayItems = computed(() => props.items.map((item, index) => ({ ...item, - ui: item.to ? { link: 'hover:text-indigo-600' } : undefined, + ui: { + ...(item.to ? { link: 'hover:text-indigo-600' } : {}), + ...(index < props.items.length - 1 ? { item: 'shrink-0' } : {}), + }, })))