@adonisjs/inertia 1.0.0-17 → 1.0.0-18

package/build/app.css.stub

@@ -1,5 +1,5 @@
 {{{
-  exports({ to: app.makePath('resources/css/app.css') })
+  exports({ to: app.makePath('inertia/css/app.css') })
 }}}
 @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500&display=swap');
 

package/build/config.stub

@@ -7,13 +7,13 @@ export default defineConfig({
   /**
    * Path to the Edge view that will be used as the root view for Inertia responses
    */
-  rootView: 'root',
+  rootView: 'inertia_layout',
 
   /**
    * Data that should be shared with all rendered pages
    */
   sharedData: {
-    errors: (ctx) => ctx.session.flashMessages.get('errors'),
+    errors: (ctx) => ctx.session?.flashMessages.get('errors'),
   },
 
   /**

package/build/index.js

@@ -22,7 +22,7 @@ var ADAPTERS_INFO = {
       pluginCall: "vue()",
       importDeclarations: [{ isNamed: false, module: "@vitejs/plugin-vue", identifier: "vue" }]
     },
-    ssrEntrypoint: "resources/ssr.ts"
+    ssrEntrypoint: "inertia/app/ssr.ts"
   },
   react: {
     stubFolder: "react",
@@ -40,7 +40,7 @@ var ADAPTERS_INFO = {
       pluginCall: "react()",
       importDeclarations: [{ isNamed: false, module: "@vitejs/plugin-react", identifier: "react" }]
     },
-    ssrEntrypoint: "resources/ssr.tsx"
+    ssrEntrypoint: "inertia/app/ssr.tsx"
   },
   svelte: {
     stubFolder: "svelte",
@@ -58,7 +58,7 @@ var ADAPTERS_INFO = {
         { isNamed: true, module: "@sveltejs/vite-plugin-svelte", identifier: "svelte" }
       ]
     },
-    ssrEntrypoint: "resources/ssr.ts"
+    ssrEntrypoint: "inertia/app/ssr.ts"
   },
   solid: {
     stubFolder: "solid",
@@ -75,7 +75,7 @@ var ADAPTERS_INFO = {
       ssrPluginCall: "solid({ ssr: true })",
       importDeclarations: [{ isNamed: false, module: "vite-plugin-solid", identifier: "solid" }]
     },
-    ssrEntrypoint: "resources/ssr.tsx"
+    ssrEntrypoint: "inertia/app/ssr.tsx"
   }
 };
 async function defineExampleRoute(command, codemods) {
@@ -131,7 +131,7 @@ async function configure(command) {
   await codemods.updateRcFile((rcFile) => {
     rcFile.addProvider("@adonisjs/inertia/inertia_provider");
   });
-  await codemods.registerMiddleware("router", [
+  await codemods.registerMiddleware("server", [
     { path: "@adonisjs/inertia/inertia_middleware", position: "after" }
   ]);
   const appExt = adapterInfo.appExtension;
@@ -146,10 +146,12 @@ async function configure(command) {
   await codemods.makeUsingStub(stubsRoot, `${stubFolder}/tsconfig.json.stub`, {});
   await codemods.makeUsingStub(stubsRoot, `${stubFolder}/app.${appExt}.stub`, { ssr });
   await codemods.makeUsingStub(stubsRoot, `${stubFolder}/home.${compExt}.stub`, {});
+  await codemods.makeUsingStub(stubsRoot, `${stubFolder}/errors/not_found.${compExt}.stub`, {});
+  await codemods.makeUsingStub(stubsRoot, `${stubFolder}/errors/server_error.${compExt}.stub`, {});
   if (ssr) {
     await codemods.makeUsingStub(stubsRoot, `${stubFolder}/ssr.${appExt}.stub`, {});
   }
-  const inertiaPluginCall = ssr ? `inertia({ ssr: { enabled: true, entrypoint: 'resources/ssr.${appExt}' } })` : `inertia({ ssr: { enabled: false } })`;
+  const inertiaPluginCall = ssr ? `inertia({ ssr: { enabled: true, entrypoint: 'inertia/app/ssr.${appExt}' } })` : `inertia({ ssr: { enabled: false } })`;
   await codemods.registerVitePlugin(inertiaPluginCall, [
     { isNamed: false, module: "@adonisjs/inertia/client", identifier: "inertia" }
   ]);
@@ -157,7 +159,7 @@ async function configure(command) {
     ssr && adapterInfo.viteRegister.ssrPluginCall ? adapterInfo.viteRegister.ssrPluginCall : adapterInfo.viteRegister.pluginCall,
     adapterInfo.viteRegister.importDeclarations
   );
-  const adonisjsPluginCall = `adonisjs({ entrypoints: ['resources/app.${appExt}'], reload: ['resources/views/**/*.edge'] })`;
+  const adonisjsPluginCall = `adonisjs({ entrypoints: ['inertia/app/app.${appExt}'], reload: ['resources/views/**/*.edge'] })`;
   await codemods.registerVitePlugin(adonisjsPluginCall, [
     { isNamed: false, module: "@adonisjs/vite/client", identifier: "adonisjs" }
   ]);
@@ -242,14 +244,13 @@ var FilesDetector = class {
    */
   async detectEntrypoint(defaultPath) {
     const possiblesLocations = [
+      "./inertia/app/app.ts",
+      "./inertia/app/app.tsx",
       "./resources/app.ts",
       "./resources/app.tsx",
-      "./resources/application/app.ts",
-      "./resources/application/app.tsx",
       "./resources/app.jsx",
       "./resources/app.js",
-      "./resources/application/app.jsx",
-      "./resources/application/app.js"
+      "./inertia/app/app.jsx"
     ];
     const path = await locatePath(possiblesLocations, { cwd: this.app.appRoot });
     return this.app.makePath(path || defaultPath);
@@ -260,14 +261,13 @@ var FilesDetector = class {
    */
   async detectSsrEntrypoint(defaultPath) {
     const possiblesLocations = [
+      "./inertia/app/ssr.ts",
+      "./inertia/app/ssr.tsx",
       "./resources/ssr.ts",
       "./resources/ssr.tsx",
-      "./resources/application/ssr.ts",
-      "./resources/application/ssr.tsx",
       "./resources/ssr.jsx",
       "./resources/ssr.js",
-      "./resources/application/ssr.jsx",
-      "./resources/application/ssr.js"
+      "./inertia/app/ssr.jsx"
     ];
     const path = await locatePath(possiblesLocations, { cwd: this.app.appRoot });
     return this.app.makePath(path || defaultPath);
@@ -292,13 +292,15 @@ function defineConfig(config) {
     await versionCache.computeVersion();
     return {
       versionCache,
-      rootView: config.rootView ?? "root",
+      rootView: config.rootView ?? "inertia_layout",
       sharedData: config.sharedData || {},
-      entrypoint: slash(config.entrypoint ?? await detector.detectEntrypoint("resources/app.ts")),
+      entrypoint: slash(
+        config.entrypoint ?? await detector.detectEntrypoint("inertia/app/app.ts")
+      ),
       ssr: {
         enabled: config.ssr?.enabled ?? false,
         pages: config.ssr?.pages,
-        entrypoint: config.ssr?.entrypoint ?? await detector.detectSsrEntrypoint("resources/ssr.ts"),
+        entrypoint: config.ssr?.entrypoint ?? await detector.detectSsrEntrypoint("inertia/app/ssr.ts"),
         bundle: config.ssr?.bundle ?? await detector.detectSsrBundle("ssr/ssr.js")
       }
     };

package/build/react/app.tsx.stub

@@ -1,7 +1,7 @@
 {{{
-  exports({ to: app.makePath('resources/app.tsx') })
+  exports({ to: app.makePath('inertia/app/app.tsx') })
 }}}
-import './css/app.css';
+import '../css/app.css';
 
 {{#if ssr}}
 import { hydrateRoot } from 'react-dom/client'
@@ -20,8 +20,8 @@ createInertiaApp({
 
   resolve: (name) => {
     return resolvePageComponent(
-      {{ '`./pages/${name}.tsx`' }},
-      import.meta.glob('./pages/**/*.tsx'),
+      {{ '`../pages/${name}.tsx`' }},
+      import.meta.glob('../pages/**/*.tsx'),
     )
   },
 

package/build/react/errors/not_found.tsx.stub

@@ -0,0 +1,14 @@
+{{{
+  exports({ to: app.makePath('inertia/pages/errors/not_found.tsx') })
+}}}
+export default function NotFound() {
+  return (
+    <>
+      <div className="container">
+        <div className="title">Page not found</div>
+
+        <span>This page does not exist.</span>
+      </div>
+    </>
+  )
+}

package/build/react/errors/server_error.tsx.stub

@@ -0,0 +1,14 @@
+{{{
+  exports({ to: app.makePath('inertia/pages/errors/server_error.tsx') })
+}}}
+export default function ServerError(props: { error: any }) {
+  return (
+    <>
+      <div className="container">
+        <div className="title">Server Error</div>
+
+        <span>{props.error.message}</span>
+      </div>
+    </>
+  )
+}

package/build/react/home.tsx.stub

@@ -1,5 +1,5 @@
 {{{
-  exports({ to: app.makePath('resources/pages/home.tsx') })
+  exports({ to: app.makePath('inertia/pages/home.tsx') })
 }}}
 import { Head } from '@inertiajs/react'
 

package/build/react/root.edge.stub

@@ -1,5 +1,5 @@
 {{{
-  exports({ to: app.makePath('resources/views/root.edge') })
+  exports({ to: app.makePath('resources/views/inertia_layout.edge') })
 }}}
 <!DOCTYPE html>
 <html>
@@ -12,7 +12,7 @@
 
   @viteReactRefresh()
   @inertiaHead()
-  {{ "@vite(['resources/app.tsx', `resources/pages/${page.component}.tsx`])" }}
+  {{ "@vite(['inertia/app/app.tsx', `inertia/pages/${page.component}.tsx`])" }}
 </head>
 
 <body>

package/build/react/ssr.tsx.stub

@@ -1,5 +1,5 @@
 {{{
-  exports({ to: app.makePath('resources/ssr.tsx') })
+  exports({ to: app.makePath('inertia/app/ssr.tsx') })
 }}}
 import ReactDOMServer from 'react-dom/server'
 import { createInertiaApp } from '@inertiajs/react'
@@ -9,8 +9,8 @@ export default function render(page: any) {
     page,
     render: ReactDOMServer.renderToString,
     resolve: (name) => {
-      const pages = import.meta.glob('./pages/**/*.tsx', { eager: true })
-      {{ 'return pages[`./pages/${name}.tsx`]' }}
+      const pages = import.meta.glob('../pages/**/*.tsx', { eager: true })
+      {{ 'return pages[`../pages/${name}.tsx`]' }}
     },
     setup: ({ App, props }) => <App {...props} />,
   })

package/build/react/tsconfig.json.stub

@@ -1,25 +1,15 @@
 {{{
-  exports({ to: app.makePath('resources/tsconfig.json') })
+  exports({ to: app.makePath('inertia/tsconfig.json') })
 }}}
 {
+  "extends": "@adonisjs/tsconfig/tsconfig.client.json",
   "compilerOptions": {
-    "target": "ESNext",
-    "jsx": "react-jsx",
-    "lib": ["DOM", "ESNext", "DOM.Iterable", "ES2020"],
-    "useDefineForClassFields": true,
     "baseUrl": ".",
     "module": "ESNext",
-    "moduleResolution": "Bundler",
+    "jsx": "react-jsx",
     "paths": {
-      "@/*": ["./*"],
       "~/*": ["../*"],
     },
-    "resolveJsonModule": true,
-    "types": ["vite/client"],
-    "allowSyntheticDefaultImports": true,
-    "esModuleInterop": true,
-    "verbatimModuleSyntax": true,
-    "skipLibCheck": true,
   },
   "include": ["./**/*.ts", "./**/*.tsx"],
 }

package/build/solid/app.tsx.stub

@@ -1,7 +1,7 @@
 {{{
-  exports({ to: app.makePath('resources/app.tsx') })
+  exports({ to: app.makePath('inertia/app/app.tsx') })
 }}}
-import './css/app.css'
+import '../css/app.css'
 
 {{#if ssr}}
 import { hydrate } from 'solid-js/web';
@@ -20,8 +20,8 @@ createInertiaApp({
 
   resolve: (name) => {
     return resolvePageComponent(
-      {{ '`./pages/${name}.tsx`' }},
-      import.meta.glob('./pages/**/*.tsx'),
+      {{ '`../pages/${name}.tsx`' }},
+      import.meta.glob('../pages/**/*.tsx'),
     )
   },
 

package/build/solid/errors/not_found.tsx.stub

@@ -0,0 +1,14 @@
+{{{
+  exports({ to: app.makePath('inertia/pages/errors/not_found.tsx') })
+}}}
+export default function NotFound() {
+  return (
+    <>
+      <div class="container">
+        <div class="title">Page not found</div>
+
+        <span>This page does not exist.</span>
+      </div>
+    </>
+  )
+}

package/build/solid/errors/server_error.tsx.stub

@@ -0,0 +1,14 @@
+{{{
+  exports({ to: app.makePath('inertia/pages/errors/server_error.tsx') })
+}}}
+export default function ServerError(props: { error: any }) {
+  return (
+    <>
+      <div class="container">
+        <div class="title">Server Error</div>
+
+        <span>{props.error.message}</span>
+      </div>
+    </>
+  )
+}

package/build/solid/home.tsx.stub

@@ -1,13 +1,10 @@
 {{{
-  exports({ to: app.makePath('resources/pages/home.tsx') })
+  exports({ to: app.makePath('inertia/pages/home.tsx') })
 }}}
-import { Title } from '@solidjs/meta'
 
 export default function Home(props: { version: number }) {
   return (
     <>
-      <Title>Homepage</Title>
-
       <div class="container">
         <div class="title">AdonisJS {props.version} x Inertia x Solid.js</div>
 

package/build/solid/root.edge.stub

@@ -1,5 +1,5 @@
 {{{
-  exports({ to: app.makePath('resources/views/root.edge') })
+  exports({ to: app.makePath('resources/views/inertia_layout.edge') })
 }}}
 <!DOCTYPE html>
 <html>
@@ -11,7 +11,7 @@
   <title inertia>AdonisJS x Inertia x SolidJS</title>
 
   @inertiaHead()
-  {{ "@vite(['resources/app.tsx', `resources/pages/${page.component}.tsx`])" }}
+  {{ "@vite(['inertia/app/app.tsx', `inertia/pages/${page.component}.tsx`])" }}
 </head>
 
 <body>

package/build/solid/ssr.tsx.stub

@@ -1,5 +1,5 @@
 {{{
-  exports({ to: app.makePath('resources/ssr.tsx') })
+  exports({ to: app.makePath('inertia/app/ssr.tsx') })
 }}}
 
 import { hydrate } from 'solid-js/web'
@@ -9,8 +9,8 @@ export default function render(page: any) {
   return createInertiaApp({
     page,
     resolve: (name) => {
-      const pages = import.meta.glob('./pages/**/*.tsx', { eager: true })
-      {{ 'return pages[`./pages/${name}.tsx`]' }}
+      const pages = import.meta.glob('../pages/**/*.tsx', { eager: true })
+      {{ 'return pages[`../pages/${name}.tsx`]' }}
     },
     setup({ el, App, props }) {
       hydrate(() => <App {...props} />, el)

package/build/solid/tsconfig.json.stub

@@ -1,26 +1,16 @@
 {{{
-  exports({ to: app.makePath('resources/tsconfig.json') })
+  exports({ to: app.makePath('inertia/tsconfig.json') })
 }}}
 {
+  "extends": "@adonisjs/tsconfig/tsconfig.client.json",
   "compilerOptions": {
-    "target": "ESNext",
-    "jsx": "preserve",
-    "jsxImportSource": "solid-js",
-    "lib": ["DOM", "ESNext", "DOM.Iterable", "ES2020"],
-    "useDefineForClassFields": true,
     "baseUrl": ".",
+    "jsx": "preserve",
     "module": "ESNext",
-    "moduleResolution": "Bundler",
+    "jsxImportSource": "solid-js",
     "paths": {
-      "@/*": ["./*"],
-      "~/*": ["../*"],
+      "~/*": ["./*"],
     },
-    "resolveJsonModule": true,
-    "types": ["vite/client"],
-    "allowSyntheticDefaultImports": true,
-    "esModuleInterop": true,
-    "verbatimModuleSyntax": true,
-    "skipLibCheck": true,
   },
   "include": ["./**/*.ts", "./**/*.tsx"],
 }

package/build/src/plugins/vite.js

@@ -5,6 +5,7 @@ function inertia(options) {
     config: () => {
       if (!options?.ssr?.enabled)
         return {};
+      process.env.NODE_ENV = "production";
       return {
         buildSteps: [
           {

package/build/src/types.d.ts

@@ -44,7 +44,7 @@ type AssetsVersion = string | number | undefined;
 interface InertiaConfig {
     /**
      * Path to the Edge view that will be used as the root view for Inertia responses.
-     * @default root (resources/views/root.edge)
+     * @default root (resources/views/inertia_layout.edge)
      */
     rootView?: string;
     /**

package/build/svelte/app.ts.stub

@@ -1,7 +1,7 @@
 {{{
-  exports({ to: app.makePath('resources/app.ts') })
+  exports({ to: app.makePath('inertia/app/app.ts') })
 }}}
-import './css/app.css';
+import '../css/app.css';
 
 import { createInertiaApp } from '@inertiajs/svelte'
 import { resolvePageComponent } from '@adonisjs/inertia/helpers'
@@ -15,8 +15,8 @@ createInertiaApp({
 
   resolve: (name) => {
     return resolvePageComponent(
-      {{ '`./pages/${name}.svelte`' }},
-      import.meta.glob('./pages/**/*.svelte'),
+      {{ '`../pages/${name}.svelte`' }},
+      import.meta.glob('../pages/**/*.svelte'),
     )
   },
 

package/build/svelte/errors/not_found.svelte.stub

@@ -0,0 +1,10 @@
+{{{
+  exports({ to: app.makePath('inertia/pages/errors/not_found.svelte') })
+}}}
+<div>
+  <div class="container">
+    <div class="title">Page not found</div>
+
+    <span>This page does not exist.</span>
+  </div>
+</div>

package/build/svelte/errors/server_error.svelte.stub

@@ -0,0 +1,14 @@
+{{{
+  exports({ to: app.makePath('inertia/pages/errors/server_error.svelte') })
+}}}
+<script>
+export let error
+</script>
+
+<div>
+  <div class="container">
+    <div class="title">Server Error</div>
+
+    <span>{error.message}</span>
+  </div>
+</div>

package/build/svelte/home.svelte.stub

@@ -1,5 +1,5 @@
 {{{
-  exports({ to: app.makePath('resources/pages/home.svelte') })
+  exports({ to: app.makePath('inertia/pages/home.svelte') })
 }}}
 <script>
 export let version

package/build/svelte/root.edge.stub

@@ -1,5 +1,5 @@
 {{{
-  exports({ to: app.makePath('resources/views/root.edge') })
+  exports({ to: app.makePath('resources/views/inertia_layout.edge') })
 }}}
 <!DOCTYPE html>
 <html>
@@ -10,7 +10,7 @@
 
   <title inertia>AdonisJS x Inertia x Svelte</title>
 
-  {{ "@vite(['resources/app.ts', `resources/pages/${page.component}.svelte`])" }}
+  {{ "@vite(['inertia/app/app.ts', `inertia/pages/${page.component}.svelte`])" }}
   @inertiaHead()
 </head>
 

package/build/svelte/ssr.ts.stub

@@ -1,5 +1,5 @@
 {{{
-  exports({ to: app.makePath('resources/ssr.ts') })
+  exports({ to: app.makePath('inertia/app/ssr.ts') })
 }}}
 
 import { createInertiaApp } from '@inertiajs/svelte'
@@ -8,8 +8,8 @@ export default function render(page: any) {
   return createInertiaApp({
     page,
     resolve: (name) => {
-      const pages = import.meta.glob('./pages/**/*.svelte', { eager: true })
-      {{ 'return pages[`./pages/${name}.svelte`]' }}
+      const pages = import.meta.glob('../pages/**/*.svelte', { eager: true })
+      {{ 'return pages[`../pages/${name}.svelte`]' }}
     }
   })
 }

package/build/svelte/tsconfig.json.stub

@@ -1,26 +1,14 @@
 {{{
-  exports({ to: app.makePath('resources/tsconfig.json') })
+  exports({ to: app.makePath('inertia/tsconfig.json') })
 }}}
 {
+  "extends": "@adonisjs/tsconfig/tsconfig.client.json",
   "compilerOptions": {
-    "target": "ESNext",
-    "jsx": "preserve",
-    "jsxImportSource": "vue",
-    "lib": ["DOM", "ESNext", "DOM.Iterable", "ES2020"],
-    "useDefineForClassFields": true,
     "baseUrl": ".",
     "module": "ESNext",
-    "moduleResolution": "Bundler",
     "paths": {
-      "@/*": ["./*"],
-      "~/*": ["../*"],
+      "~/*": ["./*"],
     },
-    "resolveJsonModule": true,
-    "types": ["vite/client"],
-    "allowSyntheticDefaultImports": true,
-    "esModuleInterop": true,
-    "verbatimModuleSyntax": true,
-    "skipLibCheck": true,
   },
   "include": ["./**/*.ts", "./**/*.svelte"],
 }

package/build/vue/app.ts.stub

@@ -1,7 +1,7 @@
 {{{
-  exports({ to: app.makePath('resources/app.ts') })
+  exports({ to: app.makePath('inertia/app/app.ts') })
 }}}
-import './css/app.css';
+import '../css/app.css';
 
 {{#if ssr}}
 import { createSSRApp, h } from 'vue'
@@ -21,8 +21,8 @@ createInertiaApp({
 
   resolve: (name) => {
     return resolvePageComponent(
-      {{ '`./pages/${name}.vue`' }},
-      import.meta.glob<DefineComponent>('./pages/**/*.vue'),
+      {{ '`../pages/${name}.vue`' }},
+      import.meta.glob<DefineComponent>('../pages/**/*.vue'),
     )
   },
 

package/build/vue/errors/not_found.vue.stub

@@ -0,0 +1,10 @@
+{{{
+  exports({ to: app.makePath('inertia/pages/errors/not_found.vue') })
+}}}
+<template>
+  <div class="container">
+    <div class="title">Page not found</div>
+
+    <span>This page does not exist.</span>
+  </div>
+</template>

package/build/vue/errors/server_error.vue.stub

@@ -0,0 +1,14 @@
+{{{
+  exports({ to: app.makePath('inertia/pages/errors/server_error.vue') })
+}}}
+<script setup lang="ts">
+defineProps<{ error: any }>();
+</script>
+
+<template>
+  <div class="container">
+    <div class="title">Server Error</div>
+
+    <span>\{\{ error.message \}\}</span>
+  </div>
+</template>

package/build/vue/home.vue.stub

@@ -1,5 +1,5 @@
 {{{
-  exports({ to: app.makePath('resources/pages/home.vue') })
+  exports({ to: app.makePath('inertia/pages/home.vue') })
 }}}
 <script setup lang="ts">
 import { Head } from '@inertiajs/vue3'

package/build/vue/root.edge.stub

@@ -1,5 +1,5 @@
 {{{
-  exports({ to: app.makePath('resources/views/root.edge') })
+  exports({ to: app.makePath('resources/views/inertia_layout.edge') })
 }}}
 <!DOCTYPE html>
 <html>
@@ -10,7 +10,7 @@
 
   <title inertia>AdonisJS x Inertia x VueJS</title>
 
-  {{ "@vite(['resources/app.ts', `resources/pages/${page.component}.vue`])" }}
+  {{ "@vite(['inertia/app/app.ts', `inertia/pages/${page.component}.vue`])" }}
   @inertiaHead()
 </head>
 

package/build/vue/ssr.ts.stub

@@ -1,5 +1,5 @@
 {{{
-  exports({ to: app.makePath('resources/ssr.ts') })
+  exports({ to: app.makePath('inertia/app/ssr.ts') })
 }}}
 
 import { createInertiaApp } from '@inertiajs/vue3'
@@ -11,8 +11,8 @@ export default function render(page: any) {
     page,
     render: renderToString,
     resolve: (name) => {
-      const pages = import.meta.glob<DefineComponent>('./pages/**/*.vue', { eager: true })
-      {{ 'return pages[`./pages/${name}.vue`]' }}
+      const pages = import.meta.glob<DefineComponent>('../pages/**/*.vue', { eager: true })
+      {{ 'return pages[`../pages/${name}.vue`]' }}
     },
 
     setup({ App, props, plugin }) {

package/build/vue/tsconfig.json.stub

@@ -1,26 +1,16 @@
 {{{
-  exports({ to: app.makePath('resources/tsconfig.json') })
+  exports({ to: app.makePath('inertia/tsconfig.json') })
 }}}
 {
+  "extends": "@adonisjs/tsconfig/tsconfig.client.json",
   "compilerOptions": {
-    "target": "ESNext",
-    "jsx": "preserve",
-    "jsxImportSource": "vue",
-    "lib": ["DOM", "ESNext", "DOM.Iterable", "ES2020"],
-    "useDefineForClassFields": true,
     "baseUrl": ".",
+    "jsx": "preserve",
     "module": "ESNext",
-    "moduleResolution": "Bundler",
+    "jsxImportSource": "vue",
     "paths": {
-      "@/*": ["./*"],
-      "~/*": ["../*"],
+      "~/*": ["./*"],
     },
-    "resolveJsonModule": true,
-    "types": ["vite/client"],
-    "allowSyntheticDefaultImports": true,
-    "esModuleInterop": true,
-    "verbatimModuleSyntax": true,
-    "skipLibCheck": true,
   },
   "include": ["./**/*.ts", "./**/*.vue"],
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@adonisjs/inertia",
   "description": "Official Inertia.js adapter for AdonisJS",
-  "version": "1.0.0-17",
+  "version": "1.0.0-18",
   "engines": {
     "node": ">=18.16.0"
   },