shadcn-docs-nuxt/composables/useEditLink.ts

Effortless and beautiful docs template built with Nuxt Content & shadcn-vue.

export function useEditLink() {
  const { page } = useContent();
  const { enable, pattern, text, icon, placement } = useConfig().value.main.editLink;

  const url = computed(
    () => pattern.replace(/:path/g, page.value._file ?? ''),
  );

  const enabled = computed(
    () => enable && page.value.editLink !== false && page.value._file && url.value !== '',
  );

  const enabledToc = computed(
    () => enabled.value && placement.includes('toc'),
  );
  const enabledDocsFooter = computed(
    () => enabled.value && placement.includes('docsFooter'),
  );

  return {
    url,
    text,
    icon,
    enabledToc,
    enabledDocsFooter,
  };
}