Кнопка вместо ссылки в Inertia

Пусть на панели постов пункт «Архив» должен выглядеть как кнопка, а не как текстовая строка в меню, хотя по смыслу это обычный переход на другой адрес методом GET.

У компонента Link по умолчанию рисуется тег a. Атрибут as меняет разметку: при значении button на экране окажется кнопка, а клик по-прежнему запустит визит Inertia на адрес из href.

Давайте опишем страницу архива постов:

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

	Route::get('/posts/archive', function () {
		return Inertia::render('Posts/Archive', [
			'title' => 'Archive',
		]);
	});
?>

Давайте добавим на главную постов кнопку-ссылку в архив:

<script setup>
	import { Link } from '@inertiajs/vue3'
</script>

<template>
	<h1>Posts</h1>
	<Link href="/posts/archive" as="button">
		Open archive
	</Link>
</template>

Сделайте на экране работника Oleg кнопку, которая открывает список отделов.