From 2cd663e0236e2cbe548097bcdaa632586fdaede0 Mon Sep 17 00:00:00 2001
From: webfussel <fiona@webfussel.de>
Date: Fri, 24 May 2024 09:09:46 +0200
Subject: [PATCH] ADD: optimize images

---
 .firebaserc                          |  5 +++++
 components/Customers/Customers.vue   |  4 ++--
 components/Person/Person.vue         |  2 +-
 components/Technology/Technology.vue |  2 +-
 firebase.json                        | 10 ++++++++++
 package.json                         |  3 ++-
 6 files changed, 21 insertions(+), 5 deletions(-)
 create mode 100644 .firebaserc
 create mode 100644 firebase.json

diff --git a/.firebaserc b/.firebaserc
new file mode 100644
index 0000000..febf4ad
--- /dev/null
+++ b/.firebaserc
@@ -0,0 +1,5 @@
+{
+  "projects": {
+    "default": "fiole-ee4ee"
+  }
+}
diff --git a/components/Customers/Customers.vue b/components/Customers/Customers.vue
index 645fc9a..f47f4b6 100644
--- a/components/Customers/Customers.vue
+++ b/components/Customers/Customers.vue
@@ -6,14 +6,14 @@
     <h3>Meine bisherigen Geschäftpartner</h3>
     <div class="customer-list margin-top default-gap">
       <a v-for="customer in customers" :href="customer.link" target="_blank" rel="noopener noreferrer">
-        <img :alt="customer.name" :src="customer.logo" :class="[customer.white && 'white']" />
+        <img loading="lazy" height="150" :alt="customer.name" :src="customer.logo" :class="[customer.white && 'white']" />
       </a>
     </div>
     <h3 class="margin-top-big">Projektauswahl</h3>
     <div class="projects-list margin-top">
         <article v-for="pr in projects">
           <div class="bg">
-            <img :alt="pr.title" :src="pr.image" aria-hidden="true"/>
+            <img height="350" width="400" loading="lazy" :alt="pr.title" :src="pr.image" aria-hidden="true"/>
           </div>
           <div>
             <main>
diff --git a/components/Person/Person.vue b/components/Person/Person.vue
index c768cf5..f7e2e9f 100644
--- a/components/Person/Person.vue
+++ b/components/Person/Person.vue
@@ -2,7 +2,7 @@
 
 <template>
   <article class="Person flex-col">
-    <img :src="img" :alt="`Bild von ${name}`" />
+    <img loading="lazy" width="150" height="150" :src="img" :alt="`Bild von ${name}`" />
     <h3>{{name}}</h3>
     <p>
       <span v-for="tag in tags">{{tag}}</span>
diff --git a/components/Technology/Technology.vue b/components/Technology/Technology.vue
index ba9e575..40bca98 100644
--- a/components/Technology/Technology.vue
+++ b/components/Technology/Technology.vue
@@ -3,7 +3,7 @@
 <template>
   <div class="Technology flex-col" :class="[size]">
     <a v-if="link" :href="link" target="_blank" rel="noopener noreferrer">
-      <img :src="img" :alt="name" :class="[size]"/>
+      <img loading="lazy" :src="img" :alt="name" :width="size === 'm' ? 30 : 50" :height="size === 'm' ? 30 : 50" :class="[size]"/>
     </a>
     <img v-else :src="img" :alt="name"/>
     <span class="tip">{{name}}</span>
diff --git a/firebase.json b/firebase.json
new file mode 100644
index 0000000..ddb687d
--- /dev/null
+++ b/firebase.json
@@ -0,0 +1,10 @@
+{
+  "hosting": {
+    "public": ".output/public",
+    "ignore": [
+      "firebase.json",
+      "**/.*",
+      "**/node_modules/**"
+    ]
+  }
+}
diff --git a/package.json b/package.json
index a374398..703e69a 100644
--- a/package.json
+++ b/package.json
@@ -8,7 +8,8 @@
     "prepare": "nuxt prepare",
     "generate": "nuxt generate",
     "preview": "nuxt preview",
-    "postinstall": "nuxt prepare"
+    "postinstall": "nuxt prepare",
+    "build:deploy": "nuxt build && firebase deploy --only hosting"
   },
   "devDependencies": {
     "nuxt": "^3.11.2"