Плагин Vite в Inertia

Давайте укажем каталог страниц плагину Vite. Он уже подключён в основном учебнике: сам находит компоненты страниц и монтирует приложение, поэтому в точке входа достаточно вызова createInertiaApp без ручного resolve и setup. Если файлы лежат не в каталоге по умолчанию, каталог задают через сокращение pages в том же вызове.

Строкой можно передать путь к папке относительно точки входа. Объект даёт больше полей, но для смены каталога хватит одного свойства path. Плагин будет искать Vue-файлы только там, и имена в методе render по-прежнему совпадают с путями внутри этой папки.

Давайте перенесём страницы в каталог AppPages и пропишем это в точке входа:

import { createInertiaApp } from '@inertiajs/vue3'

createInertiaApp({
	pages: {
		path: './AppPages',
	},
})

Давайте положим компонент в новый каталог и откроем его с сервера под тем же именем, что и раньше:

<script setup>
	defineProps({
		team: String,
	})
</script>

<template>
	<h1>{{ team }}</h1>
</template>

<?php
	use Illuminate\Support\Facades\Route;
	use Inertia\Inertia;

	Route::get('/workers', function () {
		return Inertia::render('Workers/Index', [
			'team' => 'Field',
		]);
	});
?>

Соберите экраны отдела Logistics в каталог LogisticsPages и настройте точку входа так, чтобы плагин искал страницы только в этом каталоге.