ruidy/meal_planner
1
0
Fork 0
mirror of https://github.com/rjNemo/meal_planner synced 2026-06-12 13:26:45 +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> </ul>
</div> </div>
<nuxt-link to="/" class="btn btn-ghost text-xl"> <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> <span style="font-family: cursive"> Chefs </span>
</nuxt-link> </nuxt-link>
</div> </div>

2
nuxt.config.ts
View file

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

1
package.json
View file

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

4
pages/index.vue
View file

@ -1,12 +1,12 @@
<template> <template>
<div class="hero min-h-screen bg-base-200"> <div class="hero min-h-screen bg-base-200">
<div class="hero-content flex-col lg:flex-row-reverse"> <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> <div>
<h1 class="text-5xl font-bold prose">Eat Something New</h1> <h1 class="text-5xl font-bold prose">Eat Something New</h1>
<p class="py-6 prose">Generate a random recipe.</p> <p class="py-6 prose">Generate a random recipe.</p>
<NuxtLink to="/random" class="btn btn-primary"> <NuxtLink to="/random" class="btn btn-primary">
>Random Recipe Now Random Recipe Now
</NuxtLink> </NuxtLink>
</div> </div>
</div> </div>