mirror of
https://github.com/rjNemo/meal_planner
synced 2026-06-06 02:26:49 +00:00
48 lines
1.2 KiB
Vue
48 lines
1.2 KiB
Vue
<script setup lang="ts">
|
|
useHead({
|
|
htmlAttrs: {
|
|
lang: "en",
|
|
},
|
|
link: [
|
|
{
|
|
rel: "icon",
|
|
type: "image/png",
|
|
href: "/favicon.png",
|
|
},
|
|
],
|
|
});
|
|
|
|
const url = useRequestURL();
|
|
useSeoMeta({
|
|
title: `Mood2Food`,
|
|
description: "The perfect meal that fits your mood",
|
|
ogTitle: `Mood2Food`,
|
|
ogDescription: "The perfect meal that fits your mood",
|
|
ogImage: "/logo192.png",
|
|
ogUrl: url.href,
|
|
twitterTitle: `Mood2Food`,
|
|
twitterDescription: "The perfect meal that fits your mood",
|
|
twitterImage: "/logo192.png",
|
|
twitterCard: "summary",
|
|
});
|
|
</script>
|
|
|
|
<template>
|
|
<div class="hero min-h-full bg-base-200">
|
|
<div class="hero-content flex-col lg:flex-row-reverse h-full">
|
|
<nuxt-img
|
|
src="/chef.svg"
|
|
class="max-w-sm h-[80vh] object-contain rounded-lg"
|
|
:placeholder="[400, 800]"
|
|
format="webp"
|
|
/>
|
|
<div class="flex flex-col justify-center">
|
|
<h1 class="text-5xl font-bold prose">Eat Something New</h1>
|
|
<p class="py-6 prose">Generate a random recipe.</p>
|
|
<nuxt-link to="/random" class="btn btn-primary">
|
|
Random Recipe Now
|
|
</nuxt-link>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</template>
|