Docs Updates #1 - Dependencies

[bryantgillespie]

This PR updates all the dependencies to latest versions (mostly to update the Nuxt packages and ditch Nuxt UI PRO now that it's all free) and makes any adjustments to make those updates work. Also fixes the OG images as well. But honestly I'll probably move that to a separate Cloudflare worker in the future because it totally kills the build time.

---

This pull request makes several improvements and refactors to the documentation site. The most significant changes include switching from @nuxt/ui-pro to @nuxt/ui, enhancing Open Graph (OG) image generation with more dynamic and informative content, and cleaning up related code and configuration. Additionally, the pull request improves code style consistency and error handling throughout the codebase.

Migration from @nuxt/ui-pro to @nuxt/ui:

• Replaced all imports and usage of @nuxt/ui-pro with @nuxt/ui across configuration files and CSS imports, simplifying dependencies and aligning with the current UI library. [1] [2]

Open Graph (OG) image improvements:

• Enhanced the OG image component (OgImage/Default.takumi.vue) to support optional title, description, and breadcrumb, added a background image, and improved text styling and truncation. The OG image now dynamically displays relevant page data. [1] [2] [3]
• Updated page components to provide more accurate OG metadata, including page title, description, and breadcrumb, using new utility functions and improved logic. (app/pages/[...slug].vueL15-R65, app/pages/tutorials/[category]/[...slug].vueL26-R48)

Configuration and environment updates:

• Added NUXT_PUBLIC_SITE_URL to .env.example for improved environment configuration.
• Cleaned up and reformatted configuration blocks in app.config.ts and nuxt.config.ts for better readability and maintainability. [1] [2] [3]

Component and code refactoring:

• Refactored CopyDocButton.vue for improved readability, consistent use of navigation options, and replaced UButtonGroup with UFieldGroup for better UI semantics. [1] [2] [3]
• Updated page components to use improved error handling and more robust data fetching patterns. (app/pages/[...slug].vueL15-R65, app/pages/tutorials/[category]/[...slug].vueL13-R25)

Code style and minor improvements:

• Applied consistent formatting to CSS files, code blocks, and component templates for improved readability and maintainability. [1] [2] [3] [4] app/pages/tutorials/[category]/[...slug].vueL37-R59)

These changes collectively modernize the codebase, improve maintainability, and enhance the user experience with richer social sharing features and a more robust UI foundation.

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
docs	Ready	Preview, Comment	May 14, 2026 3:10pm

[Copilot]

Pull request overview

This PR modernizes the docs site by upgrading dependencies (notably Nuxt), migrating from @nuxt/ui-pro to @nuxt/ui, and improving Open Graph image generation to include richer per-page metadata.

Changes:

• Upgraded Nuxt and related dependencies, including moving from @nuxt/ui-pro to @nuxt/ui.
• Refactored page-level metadata (headline/breadcrumb) and updated OG image generation to be more dynamic.
• Updated configuration and styling to align with the new dependency set (Nuxt config, CSS imports, runtime options).

Reviewed changes

Copilot reviewed 12 out of 13 changed files in this pull request and generated 3 comments.

Show a summary per file

File	Description
server/utils/directus-server.ts	Simplifies Directus SDK imports and re-exports helper functions/types.
pnpm-workspace.yaml	Adds pnpm build-allowlist configuration for native/binary deps.
package.json	Updates dependencies/devDependencies and adjusts pnpm overrides.
nuxt.config.ts	Migrates module usage/config, adds OG/sitemap zero-runtime, refactors runtime/build settings.
app/pages/tutorials/[category]/[...slug].vue	Updates breadcrumb/OG metadata derivation for tutorial pages.
app/pages/[...slug].vue	Updates headline/breadcrumb resolution and adds OG metadata for content pages.
app/components/OgImage/Default.takumi.vue	Enhances OG image template (optional fields, background, truncation, styling).
app/components/CopyDocButton.vue	Refactors UI composition and navigation-to-external actions.
app/assets/css/main.css	Switches UI CSS import to @nuxt/ui and normalizes formatting.
app/app.vue	Sets default OG image definition via the new component-based approach.
app/app.config.ts	Removes uiPro config and reformats related config blocks.
.env.example	Adds NUXT_PUBLIC_SITE_URL example value.

---

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.