Настройка индикатора в Inertia

Давайте настроим индикатор перехода. Его поля лежат в том же объекте progress, что и при подключении клиента. Так полоска подстраивается под оформление сайта без отдельного CSS-файла для каждой страницы.

Среди полей объекта есть color: им задают цвет линии у верхнего края. Давайте откроем точку входа и пропишем свой оттенок:

import { createInertiaApp } from '@inertiajs/vue3'

createInertiaApp({
	progress: {
		color: '#2563eb',
		includeCSS: true,
		showSpinner: false,
	},
})

После сохранения файла давайте перезапустим сборку и откроем любой переход между страницами: полоска должна совпасть с выбранным цветом.

Сделайте индикатор перехода между экранами отдела HR тёмно-зелёным, как акцент в шапке сайта.