inertia reload plugin

app.ts

import { createApp, h, DefineComponent } from "vue"
import { createInertiaApp, router } from "@inertiajs/vue3"
import { resolvePageComponent } from "laravel-vite-plugin/inertia-helpers"

if (import.meta.hot) {
  import.meta.hot.on("inertia:reload", () => {
    router.reload()
  })
}

createInertiaApp({
  resolve: (name: string) =>
    resolvePageComponent(
      `../views/pages/${name}.vue`,
      import.meta.glob("../views/pages/**/*.vue")
    ),
  setup({ el, App, props, plugin }) {
    createApp({ render: () => h(App, props) })
      .use(plugin)
      .mount(el)
  },
})

plugin.ts

import { Plugin } from "vite"

export const reloadPlugin = (): Plugin => {
  return {
    name: "inertia-reload",

    configureServer({ watcher, ws }) {
      watcher.on("change", async (file) => {
        if (!file.endsWith("Controller.php")) {
          return
        }

        ws.send({
          type: "custom",
          event: "inertia:reload",
        })
      })
    },
  }
}