<script setup lang="ts">
|
const router = useRouter();
|
|
const testStore = () => {
|
router.push({
|
name: "StoreTest",
|
});
|
};
|
</script>
|
|
<template>
|
<div class="hero mt-[-4rem] min-h-screen text-primary-content">
|
<!-- <div class="hero min-h-screen from-primary to-secondary" style="background-image: url(https://img.js.design/assets/Resources/background/home-bg-2.png);"> -->
|
<div
|
class="hero-overlay place-items-center bg-gradient-to-bl from-primary to-base-100"
|
/>
|
<div class="hero-content text-center">
|
<div class="max-w-md">
|
<h1 class="mb-5 text-5xl font-bold">
|
Vite Boot
|
</h1>
|
<p class="mb-5">
|
Mocking up web app with Vite-Boot <sup>(speed)</sup>
|
</p>
|
<button class="btn-primary btn" @click="testStore">
|
Test Store
|
</button>
|
</div>
|
</div>
|
</div>
|
</template>
|
|
<style scoped></style>
|
