build: initialize RetroHub with Laravel, Inertia, Vue, and Horizon
This commit is contained in:
@@ -0,0 +1,48 @@
|
||||
<script setup lang="ts">
|
||||
import { Head, Link } from '@inertiajs/vue3';
|
||||
|
||||
interface Props {
|
||||
canLogin?: boolean;
|
||||
canRegister?: boolean;
|
||||
}
|
||||
|
||||
defineProps<Props>();
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<div class="min-h-screen bg-gradient-to-br from-purple-900 via-indigo-900 to-purple-800">
|
||||
<Head title="RetroHub" />
|
||||
|
||||
<div class="flex flex-col items-center justify-center min-h-screen px-4">
|
||||
<div class="text-center">
|
||||
<h1 class="text-6xl font-bold text-white mb-4">RetroHub</h1>
|
||||
<p class="text-xl text-purple-200 mb-8">Your retro gaming library</p>
|
||||
|
||||
<div v-if="canLogin" class="flex gap-4 justify-center">
|
||||
<Link
|
||||
v-if="$page.props.auth?.user"
|
||||
:href="route('dashboard')"
|
||||
class="bg-purple-600 hover:bg-purple-700 text-white font-bold py-3 px-6 rounded-lg transition"
|
||||
>
|
||||
Dashboard
|
||||
</Link>
|
||||
<template v-else>
|
||||
<Link
|
||||
:href="route('login')"
|
||||
class="bg-white hover:bg-gray-100 text-purple-900 font-bold py-3 px-6 rounded-lg transition"
|
||||
>
|
||||
Log in
|
||||
</Link>
|
||||
<Link
|
||||
v-if="canRegister"
|
||||
:href="route('register')"
|
||||
class="bg-purple-600 hover:bg-purple-700 text-white font-bold py-3 px-6 rounded-lg transition"
|
||||
>
|
||||
Register
|
||||
</Link>
|
||||
</template>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
Reference in New Issue
Block a user