# Page title
The <page-title>
component will automatically render the page title that
corresponds with the title property set in the route record's meta field in
src/router/routes.js
.
// src/router/routes.js
{
path: '',
name: 'login',
component: Login,
meta: {
title: i18n.t('appPageTitle.login'),
},
},
Optional page descriptions can be included by using the description prop
:description
prop and passing in the i18n localized text string. Translations
are found in the src/locales
folder.
// Example: `src/views/AccessControl/Ldap/Ldap.vue`
<page-title :description="$t('pageLdap.pageDescription')" />
View the page title component source code (opens new window).