wouter-vue Documentation

Dynamic Page Titles

Update document.title dynamically based on route data.

Using Route Data

Define titles in route data:

Watch Route Data

In App.vue, watch useRouteData() to update document.title:

With Dynamic Parameters

Combine route data with parameters:

Notes

  • Use watch with immediate: true for initial title update
  • Combine route data and parameters for dynamic titles
  • See Hierarchical Data Passing for more details

Built with wouter-vue • GitHub