Клиентская установка в Inertia

Клиент Inertia для Vue 3 ставится через npm вместе с самим Vue и плагинами сборки. Сначала давайте добавим базовые пакеты:

npm install vue @vitejs/plugin-vue

Давайте установим клиент и плагин сборки Inertia:

npm install @inertiajs/vue3 @inertiajs/vite

Сборку нужно познакомить с Laravel, Vue и Inertia. Давайте откроем vite.config.js и зададим плагины так:

import inertia from '@inertiajs/vite'
import vue from '@vitejs/plugin-vue'
import laravel from 'laravel-vite-plugin'
import { defineConfig } from 'vite'

export default defineConfig({
	plugins: [
		laravel({
			input: ['resources/js/app.js'],
			refresh: true,
		}),
		vue(),
		inertia(),
	],
})

Точка входа живёт в app.js. Давайте запустим приложение вызовом createInertiaApp:

import { createInertiaApp } from '@inertiajs/vue3'

createInertiaApp()

Установите клиент Inertia для Vue и плагин сборки в проекте.

Сделайте так, чтобы приложение запускалось из точки входа при открытии страницы.