ruidy/meal_planner
1
0
Fork 0
mirror of https://github.com/rjNemo/meal_planner synced 2026-06-06 02:26:49 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

nuxt image

Browse source
This commit is contained in:
Ruidy 2024-04-27 01:53:38 +02:00
parent 22a19315ec
commit df4c28235c
No known key found for this signature in database
GPG key ID: E00F51288CB857CC
5 changed files with 5 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

BIN
bun.lockb
View file

Binary file not shown.

2
components/AppNavbar.vue
View file

@ -26,7 +26,7 @@
</ul>
</div>
<nuxt-link to="/" class="btn btn-ghost text-xl">
<img src="/public/logo192.png" width="50" >
<NuxtImg src="/logo192.png" width="50" />
<span style="font-family: cursive"> Chefs </span>
</nuxt-link>
</div>

2
nuxt.config.ts
View file

@ -2,7 +2,7 @@
export default defineNuxtConfig({
devtools: { enabled: true },
css: ["~/assets/css/main.css"],
modules: ["@nuxt/eslint"],
modules: ["@nuxt/eslint", "@nuxt/image"],
postcss: {
plugins: {
tailwindcss: {},

1
package.json
View file

@ -14,6 +14,7 @@
},
"dependencies": {
"@nuxt/eslint": "^0.3.10",
"@nuxt/image": "^1.6.0",
"nuxt": "^3.11.2",
"vue": "^3.4.21",
"vue-router": "^4.3.0"

4
pages/index.vue
View file

@ -1,12 +1,12 @@
<template>
<div class="hero min-h-screen bg-base-200">
<div class="hero-content flex-col lg:flex-row-reverse">
<img src="/public/chef.svg" class="max-w-sm rounded-lg shadow-2xl" >
<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
Random Recipe Now
</NuxtLink>
</div>
</div>