How to add BaseURL to breadcrumbs?

[TimofeyPro]

I use 'docs' directory for my "shadcn-docs-nuxt" app, which is my BaseURL in production.

My nuxt.config.ts

export default defineNuxtConfig({
  extends: ['shadcn-docs-nuxt'],
  app: {
      baseURL: '/docs/'
  },
  imports: {
      dirs: ['composables'] 
  },
  ...

All links and app itself works well, except breadcrumb links in the header. Links are generated without BaseURL ...

I have attached a screen where the area of my question is marked

I would like that breadcrumbs include BaseURL, ie instead of https://domain.cn/getting-started/introduction, a link should be https://domain.cn/docs/getting-started/introduction.

As a workaround I did the following:

1. Added composable "Breadcrumb.ts" from "shadcn-docs-nuxt/composables"
2. replace «breadcrumbItems.push({ title: page?.title ?? segment, href });»
   with «breadcrumbItems.push({ title: page?.title ?? segment, href: /docs${href} });»

interface BreadcrumbItem {
  title: string;
  href: string;
}

export function useBreadcrumb(url: string): BreadcrumbItem[] {
  const { navigation } = useContent();

  const breadcrumbItems: BreadcrumbItem[] = [];
  // Remove empty segments
  const segments = url.split('/').filter(segment => segment !== '');

  // Construct breadcrumb for each segment
  let href = '';
  let nav = navigation.value;

  if (!nav)
    return [];

  for (let i = 0; i < segments.length; i++) {
    const segment = segments[i].replace('.html', '');
    href += `/${segment}`;
    const page = nav?.find(x => (x._path as string) === href);
    nav = page?.children;
    breadcrumbItems.push({ title: page?.title ?? segment, href: `/docs${href}` });
  }
  return breadcrumbItems;
}

Is this the right decision, or is there a better and more correct way?

[ZTL-UwU]

Fixed in 31195d3. Please upgrade to v0.8.9.