mirror of
https://github.com/rjNemo/meal_planner
synced 2026-06-06 02:26:49 +00:00
20 lines
607 B
Vue
20 lines
607 B
Vue
<script setup lang="ts">
|
|
const { data } = useGreeting("chef");
|
|
</script>
|
|
|
|
<template>
|
|
<div class="hero min-h-full bg-base-200">
|
|
<div class="hero-content flex-col lg:flex-row-reverse">
|
|
<NuxtImg src="/chef.svg" class="max-w-sm rounded-lg shadow-2xl" />
|
|
<div>
|
|
<h1 class="text-5xl font-bold prose">Eat Something New</h1>
|
|
|
|
<p class="py-6 prose">{{ data?.greeting }}</p>
|
|
<p class="py-6 prose">Generate a random recipe.</p>
|
|
<NuxtLink to="/random" class="btn btn-primary">
|
|
Random Recipe Now
|
|
</NuxtLink>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</template>
|