Add admin template

resources/js/app-admin.js

@@ -0,0 +1,16 @@
+require('./bootstrap');
+
+// Import Vue.js
+window.Vue = require('vue');
+import router from './router-app-admin';
+
+import App from './apps/App.vue'
+
+// Create the Vue.js application
+const app = Vue.createApp(App);
+
+// Register plugins
+app.use(router);
+
+// Mount and start using Vue.js
+app.mount('#app');

resources/js/router-app-admin.js

@@ -0,0 +1,18 @@
+const VueRouter = require('vue-router');
+
+import Home from './views/AdminHome.vue';
+
+import NotFound from './views/NotFound.vue';
+
+const routes = [
+    { path: '/admin/', name: 'index', component: Home },
+    { path: '/:pathMatch(.*)*', name: 'NotFound', component: NotFound },
+];
+
+const router = VueRouter.createRouter({
+    history: VueRouter.createWebHistory(),
+    base: '/admin/',
+    routes,
+});
+
+export default router

resources/js/views/AdminHome.vue

@@ -0,0 +1,3 @@
+<template>
+    <h1>Admin Home</h1>
+</template>

resources/views/admin.blade.php

@@ -0,0 +1,5 @@
+@extends('template.base')
+
+@push('js')
+    <script src="{{ asset('js/app-admin.js') }}"></script>
+@endpush

routes/web.php

@@ -13,6 +13,10 @@ use Illuminate\Support\Facades\Route;
 |
 */
 
+Route::get('/admin{any}', function() {
+    return view('admin');
+})->where('any', '$|/.*');
+
 Route::get('/{any}', function() {
     return view('home');
 })->where('any', '.*');

webpack.mix.js

@@ -12,6 +12,7 @@ const mix = require('laravel-mix');
  */
 
 mix.js('resources/js/app.js', 'public/js')
+    .js('resources/js/app-admin.js', 'public/js')
     .vue()
     .sass('resources/scss/app.scss', 'public/css')
     .disableSuccessNotifications();