Pascal Baljet

@pascalbaljet.bsky.social

1529 Followers 147 Following

Husband of Esmée, dad of Loïs and Kate ❤️ Works at @laravel.com‬. Open-source enthusiast. Also builds inertiaui.com. https://pascalbaljet.dev

$// app/Providers/AppServiceProvider.php use Inertia\ExceptionResponse; use Inertia\Inertia; Inertia::handleExceptionsUsing(function (ExceptionResponse $response) { if (in_array($response->statusCode(), [403, 404, 419, 429, 500, 503])) { return $response->render('ErrorPage', [ 'status' => $response->statusCode(), ])->withSharedData(); } });$

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

const layout = useLayoutProps({
subtitle: '',
})
</script>

<template>
<div v-if="layout.subtitle" class="banner">
{{ layout.subtitle }}
</div>
<slot />
</template>

<template>
<Link
href="/features/navigation/target"
component="Features/Navigation/Target"
>
Navigate Instantly
</Link>
</template>

$import { router } from '@inertiajs/vue3' router .optimistic((props) => ({ post: { ...props.post, is_favorite: !props.post.is_favorite, }, })) .post(`/posts/${post.id}/favorite`)$

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

const http = useHttp({ name: '' })

function postToApi() {
http.post('/api/endpoint', {
onSuccess: (response) => {
console.log(response)
},
})
}
</script>

<template>
<input v-model="form.name" />
<button :disabled="form.processing" @click="postToApi">
{{ form.processing ? 'Sending...' : 'Send Request' }}
</button>
</template>

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

// resources/js/app.js
import { createInertiaApp } from '@inertiajs/vue3'

createInertiaApp()

Apple just launched a web version of the App Store and it's build on Svelte!