mirror of
https://github.com/rjNemo/meal_planner
synced 2026-06-11 12:56:40 +00:00
44 lines
1 KiB
Vue
44 lines
1 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">
|
|
<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">Generate a random recipe.</p>
|
|
<NuxtLink to="/random" class="btn btn-primary">
|
|
Random Recipe Now
|
|
</NuxtLink>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</template>
|