Upgrade inertia to 1.0.0-beta

README-zh-TW.md

@@ -77,8 +77,8 @@ createInertiaApp({
 
 createInertiaApp({
   ...
-  setup({ el, app, props, plugin }) {
-    createApp({ render: () => h(app, props) })
+  setup({ el, App, props, plugin }) {
+    createApp({ render: () => h(App, props) })
       .use(plugin)
 +     .use(InertiaTitle)
       .mount(el)

README.md

@@ -79,8 +79,8 @@ Use in Vue 3 in `resources/js/app.js`:
 
 createInertiaApp({
   ...
-  setup({ el, app, props, plugin }) {
-    createApp({ render: () => h(app, props) })
+  setup({ el, App, props, plugin }) {
+    createApp({ render: () => h(App, props) })
       .use(plugin)
 +     .use(InertiaTitle)
       .mount(el)

client/package.json

@@ -1,21 +1,21 @@
 {
   "name": "inertia-title",
-  "version": "1.1.1",
+  "version": "1.2.0-beta.1",
   "description": "Simple auto update title plugin for Inertia.js client adapters",
-  "main": "dist/index.js",
+  "main": "dist/index.cjs",
   "module": "dist/index.mjs",
   "types": "dist/index.d.ts",
   "exports": {
     ".": {
-      "require": "./dist/index.js",
+      "require": "./dist/index.cjs",
       "import": "./dist/index.mjs"
     },
     "./vue2": {
-      "require": "./dist/vue2.js",
+      "require": "./dist/vue2.cjs",
       "import": "./dist/vue2.mjs"
     },
     "./vue3": {
-      "require": "./dist/vue3.js",
+      "require": "./dist/vue3.cjs",
       "import": "./dist/vue3.mjs"
     }
   },
@@ -30,20 +30,26 @@
   "bugs": {
     "url": "https://github.com/ycs77/inertia-laravel-ssr-head/issues"
   },
-  "keywords": ["inertia", "inertiajs", "head", "seo"],
+  "keywords": [
+    "inertia",
+    "inertiajs",
+    "head",
+    "seo"
+  ],
   "scripts": {
     "build": "npm run clean && npm run build:ts && npm run copy-dts-files",
-    "build:ts": "tsup src/index.ts src/vue2.ts src/vue3.ts --external @inertiajs/inertia --dts --format cjs,esm -d dist",
+    "build:ts": "tsup",
     "clean": "rm -rf dist vue2.d.ts vue3.d.ts",
     "copy-dts-files": "esno scripts/copy-dts-files.ts"
   },
   "devDependencies": {
-    "@inertiajs/inertia": ">=0.10.0",
-    "esno": "^0.10.1",
-    "tsup": "^5.4.1",
-    "typescript": "^4.4.4"
+    "@inertiajs/core": "^1.0.0-beta",
+    "@types/node": "^18.11.18",
+    "tsup": "^6.5.0",
+    "tsx": "^3.0.0",
+    "typescript": "^4.9.0"
   },
   "peerDependencies": {
-    "@inertiajs/inertia": ">=0.9.0"
+    "@inertiajs/core": "^1.0.0-beta"
   }
 }

client/src/title.ts

@@ -1,11 +1,11 @@
-import { Inertia } from '@inertiajs/inertia'
+import { router } from '@inertiajs/core'
 
 export function useInertiaTitle(): void {
   function setTitle(value: string) {
     setTimeout(() => document.title = value, 1)
   }
 
-  Inertia.on('navigate', event => {
+  router.on('navigate', event => {
     const title = event.detail.page.props.title as string
     setTitle(title)
   })

client/tsup.config.ts

@@ -0,0 +1,11 @@
+import type { Options } from 'tsup'
+
+export default <Options>{
+  entry: ['src/index.ts', 'src/vue2.ts', 'src/vue3.ts'],
+  format: ['cjs', 'esm'],
+  outExtension: ({ format }) => ({
+    js: format === 'esm' ? '.mjs' : '.cjs',
+  }),
+  external: ['@inertiajs/core'],
+  dts: true,
+}