Published on July 13, 2021
  • Removed global component registration - BREAKING CHANGE (#765).
  • Added title callback support (#753).
  • Removed deprecated plugin property from the App component (#764).
  • Updated types (#742).

Removed global component registration - BREAKING CHANGE ⚠️

This release removes the global component registration for the <inertia-link> and <inertia-head> components. To use these components moving forward, you'll have to manually import them:

  <Head title="Home" />
  <Link href="/about">About</Link>

import { Head, Link } from '@inertiajs/inertia-vue'

export default {
  components: {

Alternatively, you can globally register them in your app.js file:

import { Head, Link } from '@inertiajs/inertia-vue'

Vue.component('InertiaHead', Head)
Vue.component('InertiaLink', Link)

Added title callback support

This release adds the ability to globally modify the page <title> when set via the <Head> component. A common use case for this is automatically adding an app name before or after each page title.

To use this feature, first set the title callback in your createInertiaApp configuration:

  title: title => `${title} - My App`,
  // ...

And then set a title using the <Head> component in your pages:

<Head title="Home">

This will result in the following <title> tag:

<title>Home - My App</title>

This also works if you set the title using a <title> tag: