36 lines
1.4 KiB
Vue
36 lines
1.4 KiB
Vue
<script setup lang="ts">
|
|
definePageMeta({
|
|
layout: 'auth',
|
|
});
|
|
|
|
const to = useRoute().query.to as string | undefined;
|
|
|
|
const finish = () => navigateTo(to ?? '/');
|
|
</script>
|
|
|
|
<template>
|
|
<div class="relative flex flex-col items-center justify-center w-full h-full p-4 overflow-hidden">
|
|
<!-- Background decorative blobs -->
|
|
<div
|
|
class="absolute -top-24 -right-24 w-96 h-96 bg-[var(--color-accent)] opacity-10 blur-[100px] rounded-full pointer-events-none">
|
|
</div>
|
|
<div
|
|
class="absolute -bottom-24 -left-24 w-96 h-96 bg-[var(--color-accent)] opacity-5 blur-[100px] rounded-full pointer-events-none">
|
|
</div>
|
|
|
|
<div class="z-10 max-w-104 w-full flex flex-col gap-5">
|
|
<div class="flex flex-col items-center gap-1 text-center">
|
|
<h1 class="text-3xl font-bold tracking-tight">Veridian</h1>
|
|
<p class="text-[var(--text-secondary)]">One more thing: connect an AI provider</p>
|
|
</div>
|
|
|
|
<p class="text-sm leading-normal text-center text-[var(--text-secondary)]">
|
|
Veridian runs on your own API keys. Add one provider now and its models are ready when you
|
|
land on Home.
|
|
</p>
|
|
|
|
<OnboardingProviderForm submit-label="Fetch models and continue" @done="finish"></OnboardingProviderForm>
|
|
</div>
|
|
</div>
|
|
</template>
|