switch to runtime Vue bundler

public/mix-manifest.json

@@ -1,5 +1,5 @@
 {
-    "/app.js": "/app.js?id=aad92fca2262c03653db52125757e99d",
+    "/app.js": "/app.js?id=74d3e481ad3e8fa14f1daaa0aa46e109",
     "/app.css": "/app.css?id=5593a0331dd40729ff41e32a6035d872",
     "/img/log-viewer-128.png": "/img/log-viewer-128.png?id=d576c6d2e16074d3f064e60fe4f35166",
     "/img/log-viewer-32.png": "/img/log-viewer-32.png?id=f8ec67d10f996aa8baf00df3b61eea6d",

resources/js/App.vue

@@ -0,0 +1,9 @@
+<template>
+  <router-view />
+</template>
+
+<script>
+export default {
+  name: 'App',
+};
+</script>

resources/js/app.js

@@ -2,6 +2,7 @@ import { createApp } from 'vue';
 import { createPinia } from 'pinia';
 import axios from 'axios';
 import { createRouter, createWebHistory } from 'vue-router';
+import App from './App.vue';
 import Home from './pages/Home.vue';
 
 let token = document.head.querySelector('meta[name="csrf-token"]');
@@ -30,7 +31,7 @@ if (window.LogViewer.path === '' || window.LogViewer.path === '/') {
 
 const router = createRouter({
   routes: [{
-    path: LogViewer.basePath,
+    path: window.LogViewer.basePath,
     name: 'home',
     component: Home,
   }],
@@ -39,9 +40,7 @@ const router = createRouter({
 });
 const pinia = createPinia();
 
-const app = createApp({
-  router,
-});
+const app = createApp(App);
 
 app.use(router);
 app.use(pinia);

webpack.mix.js

@@ -20,6 +20,7 @@ mix.options({
         resolve: {
             symlinks: false,
             alias: {
+                'vue$': 'vue/dist/vue.runtime.esm-bundler.js',
                 '@': path.resolve(__dirname, 'resources/js/'),
             },
         },