Inertia.js-Revamped

Appearance

Migration Guide ​

NOTE

Due to significant upcoming changes planned for the underlying adapters, creating a detailed migration guide at this time wouldn't be very helpful.

We understand this might be inconvenient, but rest assured we'll provide a comprehensive migration guide once the adapters updates are finalized.

Thank you for your patience!

Third Party Support ​

AdonisJS Inertia Starter kit ​

Inertia.js-Revamped seamless supports adonisjs.

  • Add luxon to package.json devDependencies, else adonisjs throwing an error.
  • Add PNPM overrides to package.json.
json
"pnpm": {
  "overrides": {
    "@inertiajs/core": "npm:@inertiajs-revamped/core@^0.0.5",
    "@inertiajs/vue": "npm:@inertiajs-revamped/vue@^0.0.8"
  }
}
  • Follow the Package Imports guide below, but instead of replacing the module name, you still need to import from '@inertiajs/vue'.
tsx
import { createInertiaApp, resolvePageComponent } from '@inertiajs/vue'
import { createProgress } from '@inertiajs/vue/progress'

Ziggy ​

Inertia.js-Revamped seamless supports Ziggy.

Package Imports ​

app.tsx -> main.tsx

typescript
import { createInertiaApp } from '@inertiajs/vue'
import { resolvePageComponent } from 'laravel-vite-plugin/inertia-helpers'
import { createInertiaApp, resolvePageComponent } from '@inertiajs-revamped/vue'
import { createProgress } from '@inertiajs-revamped/vue/progress'

progress: { 
  color: '#4B5563', 
} 
progress: () =>
  createProgress({ 
    color: '#4B5563', 
  })

ssr.tsx <-> ssr.tsx

typescript
import { createInertiaApp } from '@inertiajs/vue'
import createServer from '@inertiajs/vue/server'
import { resolvePageComponent } from 'laravel-vite-plugin/inertia-helpers'
import { createInertiaApp, resolvePageComponent } from '@inertiajs-revamped/vue'
import { createServer } from '@inertiajs-revamped/vue/server'
typescript
import { usePage } from '@inertiajs/vue'
import { usePage } from '@inertiajs-revamped/vue'
typescript
import { useForm } from '@inertiajs/prevueact'
import { useForm } from '@inertiajs-revamped/vue'
typescript
import { useRemember } from '@inertiajs/vue'
import { useRemember } from '@inertiajs-revamped/vue'
typescript
import { Head } from '@inertiajs/vue'
import { Head } from '@inertiajs-revamped/vue'
typescript
import { Link } from '@inertiajs/vue'
import { Link } from '@inertiajs-revamped/vue'

Changelog - @inertiajs-revamped/vue ​

0.0.8 (2024-06-28) ​

Features ​

Code Refactoring ​

  • replace structuredClone with @visulima/deep-clone (1cedc4e)
  • move structured-clone to vue package (e185cc9)

Bug Fixes ​

Builds ​

  • update dependency @types/node to ^20.14.9 (ec36814)
  • update vue monorepo to ^3.4.30 (9a391c5)
  • update dependency @types/node to ^20.14.8 (aff9dc4)
  • update dependency @types/node to ^20.14.6 (f4da004)
  • update vue monorepo to ^3.4.29 (7c964d5)
  • update dependency @types/node to ^20.14.2 (bdc0617)

0.0.7 (2024-06-03) ​

Builds ​

  • update dependency @types/node to ^20.14.0 (2340303)

0.0.6 (2024-05-19) ​

Features ​

  • exclude properties from partial responses, based on (inertia PR 1876) (9e8d903)

Builds ​

  • update dependency @types/node to ^20.12.12 (e3c265f)

0.0.5 (2024-05-11) ​

Code Refactoring ​

  • replace lodash.isequal with fast-equals (6717177)
  • replace lodash.clonedeep with structured-clone (ead17d5)

Builds ​

0.0.4 (2024-05-11) ​

Code Refactoring ​

  • replace default with named exports (bef108b)

Bug Fixes ​

  • infer prop types from InstanceType, add missing exports, closes #39 (ea52af0)
  • fix setup props type error (3fb081a)

Builds ​

  • update vue monorepo to ^3.4.27 (6a900cb)
  • update dependency @types/node to ^20.12.11 (96686b8)

0.0.3 (2024-05-04) ​

Bug Fixes ​

  • add missing progress exports (d914a3f)

0.0.2 (2024-05-02) ​

Code Refactoring ​

  • replace default with named export in progress.ts (094c62a)
  • replace default with named export in server.ts (8e3942e)

Bug Fixes ​

Builds ​

  • update vue monorepo to ^3.4.26 (@vue/runtime-core, vue) (4ed9205)
  • update dependency @types/node to ^20.12.8 (2d1a120)

0.0.1 (2024-04-26) ​

Features ​

Code Refactoring ​

  • export createProgress from adapters, excludes progress from bundle by default (42c9479)
  • export default as createServer to avoid forcing allowSyntheticDefaultImports flag (f0ea6f5)
  • replace return type of headManager with HeadManager type (105f343)
  • add InertiaComponentType type (52a1bfc)
  • replace inline types with types from core package (dfef9b3)
  • restructure exports (0b03808)

Bug Fixes ​

  • check for null, remove invalid type assignments for head (79a9e30)
  • fix wrong preserveScroll types in link.ts (7836ba4)
  • fix all type errors in link.ts (cd6d756)
  • use PreserveStateOption from core package (9df6050)
  • remove invalid type assignments for link (ef503f2)
  • add missing event types (7546bd1)
  • remove line breaks in link.ts warn, fixes minified bundle mess (c9f9153)
  • fix onCancelToken type in link.ts (5374426)
  • fix type errors & remove invalid type assignments (3e29b0b)
  • add missing string types in remember.ts (ad3b6d9)
  • re-export all types from core package (a716e00)
  • check for undefined in useRemember(), fixes multiple ts(2722) (ed15c23)
  • remove useless rename of default export in server.ts (22e17de)
  • ensure that all imports used only as a type use a type-only import (bb5bc8d)

Builds ​

  • add @vue/runtime-core to devDependencies (37025d9)