Vite-rails + Inertia base setup

inertia.ts

import { createApp, h } from 'vue'
import { createInertiaApp } from '@inertiajs/inertia-vue3'

import i18n from '~/utils/i18n'

createInertiaApp({
  resolve: name => import(`/pages/${name}.vue`),
  setup({ el, app, props, plugin }) {
    createApp({ render: () => h(app, props) })
      .use(plugin)
      .use(i18n)
      .mount(el)
  },
})

vite.config.js

 import { defineConfig } from 'vite'
  import RubyPlugin from 'vite-plugin-ruby'                                                                                                                                                   ?  import FullReload from "vite-plugin-full-reload"
  import vue from '@vitejs/plugin-vue'
  import vueJsx from '@vitejs/plugin-vue-jsx'

  export default defineConfig({
    server: {                                                                                                                                                                                        hmr: {
        host: process.env.VITE_WSS_HOST,
        port: 443,                                                                                                                                                                                     protocol: 'wss',
      },
    },
    plugins: [
      RubyPlugin(),
      vue({ ssr: false, isProduction: false}),
      vueJsx({}),
      FullReload(["config/routes.rb", "app/views/**/*", "app/controllers/**/*"], {                                                                                                                     delay: 200,
      }),
    ],
  })

vite.json

{
  "all": {
    "sourceCodeDir": "app/javascript",
    "watchAdditionalPaths": []
  },
  "development": {
    "autoBuild": true,
    "publicOutputDir": "vite-dev",
    "port": 3036
  },
  "test": {
    "autoBuild": true,
    "publicOutputDir": "vite-test",
    "port": 3037
  }
}