@orieljs/inertia-vue

@orieljs/inertia-vue

The Oriel Vue adapter for Inertia: the official @inertiajs/vue3 3.7 adapter, re-exported with typed pages and Oriel route helpers. Apps load it through oriel({ input, framework }) from @orieljs/vite.

npm install @orieljs/inertia-vue @orieljs/inertia-client vue

import { createInertiaApp } from '@orieljs/inertia-vue'

createInertiaApp({ pages: './pages' })

<script setup lang="ts">
import { usePage } from '@orieljs/inertia-vue'

const page = usePage<'Posts/Index'>()
</script>

<template>
  <p>{{ page.props.posts.length }} posts</p>
</template>

It adds a typed usePage<N>() (props, shared props and errors come from the generated page types), route(), hasRoute(), currentRoute() and isCurrentRoute(), and a ./server export for server-side rendering. During server-side rendering currentRoute() and isCurrentRoute() read the URL of the page being rendered, so active links hydrate unchanged.

Precognition (useForm('post', url, data).validate('title'), form.withPrecognition(), <Form>'s validate()) works on routes with the precognitive middleware.

Documentation: https://orieljs.vercel.app/docs/inertia

Status: early alpha. APIs will change.

License

Oriel is open-source software licensed under the Apache License 2.0 (Apache-2.0; see LICENSE and NOTICE). The Oriel name and logo are trademarks; see TRADEMARKS.md.

Website: https://orieljs.vercel.app