ADD: optimize images

.firebaserc

@@ -0,0 +1,5 @@
+{
+  "projects": {
+    "default": "fiole-ee4ee"
+  }
+}

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>

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>

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>

firebase.json

@@ -0,0 +1,10 @@
+{
+  "hosting": {
+    "public": ".output/public",
+    "ignore": [
+      "firebase.json",
+      "**/.*",
+      "**/node_modules/**"
+    ]
+  }
+}

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"