PageLastCommit

Overview

The PageLastCommit component displays the last update information for the current documentation page, including:

• Update time: the time of the file's most recent commit
• Author info: the committer's GitHub username (clickable)
• Commit message: the message of the most recent commit (clickable to jump to the specific commit)

This component is built into the header area of documentation pages, with no need to add it manually.

Demonstration

The component displays something like the following below the page description:

Last updated on 2025/11/26 14:37 by mhaibaraai with docs: refine documentation content and add template notes

Prerequisites

1. GitHub Token configuration

Configure your GitHub Personal Access Token in the .env file:

NUXT_GITHUB_TOKEN=ghp_your_personal_access_token_here

2. GitHub configuration

Make sure your GitHub information is configured correctly in app/app.config.ts:

export default defineAppConfig({
  github: {
    rootDir: 'docs', // The directory where the docs live
  }
})

Customizing the date format

You can customize the date display format via the dateFormat configuration:

export default defineAppConfig({
  github: {
    rootDir: 'docs',
    dateFormat: {
      locale: 'zh-CN',
      options: {
        year: 'numeric',
        month: 'numeric',
        day: 'numeric',
        hour: '2-digit',
        minute: '2-digit'
      }
    }
  }
})

Common date format examples

PR squash merge support

The component intelligently handles GitHub's PR squash-merge scenario:

• When it detects that the committer is web-flow (GitHub's automatic merge bot)
• It automatically parses the PR number from the commit message (such as #123)
• It fetches and displays the actual PR author's information

API

Props

Related

• CommitChangelog — display the complete Git commit timeline for a component

Changelog