1

resources/js/Pages/Home/index.vue

@@ -5,10 +5,13 @@
 </template>
 
 
-<script setup>
+<script setup lang="ts">
 import {Head} from '@inertiajs/vue3'
+import {ref} from 'vue';
 
 defineProps({info: Object})
+
+const dialog_visible = ref<boolean>(false)
 </script>
 
 

resources/js/app.js

@@ -8,9 +8,9 @@ createInertiaApp({
         return pages[`./Pages/${name}.vue`]
     },
     setup({el, App, props, plugin}) {
-        createSSRApp({render: () => h(App, props)})
-            // createApp({render: () => h(App, props)})
-            .use(plugin)
-            .mount(el)
+        // const app = createSSRApp({render: () => h(App, props)});
+        const app = createApp({render: () => h(App, props)});
+        app.use(plugin);
+        app.mount(el);
     },
 })

vite.config.js

@@ -7,7 +7,7 @@ export default defineConfig({
         vue(),
         laravel({
             input: ['resources/css/app.css', 'resources/js/app.js'],
-            ssr: 'resources/js/ssr.js',
+            // ssr: 'resources/js/ssr.js',
             refresh: true,
         }),
     ],