2. Laravel 8 con auth ui y VUE.js 3 - Vue-Router

<template>
	<div class="card">
    	        <div class="card-header">{{ titulo }}</div>
		<div class="card-body">

		</div>
	</div>
</template>

<script>
	export default {
		setup(){
		const titulo = "Capturar Libro";

		return { titulo }
		}
	}	
</script>

import { createRouter, createWebHistory } from "vue-router";

//const Principal = () => import("../components/Principal.vue");
const HolaMundo = () => import("../components/HolaMundo.vue");
const CreaLibro = () => import("../components/CreaLibro.vue");

const routes = [
	
	{
		path: '/home',
		name: 'holamundo',
		component: HolaMundo
	},
	{
		path: '/crealibro',
		name: 'crealibro',
		component: CreaLibro
	}
]

export const router = createRouter({
	history: createWebHistory(),
	routes
})

require('./bootstrap');


import { createApp } from 'vue';

import { router } from "./router/index";

//import HolaMundo from './components/HolaMundo.vue'
//import CreaLibro from './components/CreaLibro.vue'

const app = createApp({})

//Para probar el componente de forma individual
//app.component('hola-mundo', HolaMundo)
//app.component('crea-libro', CreaLibro)

app.use(router)
 
app.mount('#app'); 

@extends('layouts.app')

@section('content')
<div class="container">
    <div class="row justify-content-center">
        <div class="col-md-8">

            <router-view />

        </div>
    </div>
</div>
@endsection