ADD: project component

Finish Project component

app/components/Project.vue

@@ -1,6 +1,21 @@
 <template>
   <article class="Project">
-
+    <div class="bg">
+      <img height="350" width="400" loading="lazy" :alt="title" :src="`/img/projects/${img}.webp`" aria-hidden="true"/>
+    </div>
+    <div>
+      <main>
+        <small class="customer">{{ company }}</small>
+        <h3 class="title">{{ title }}</h3>
+        <ul>
+          <li v-for="skill in tech">
+            <Technology v-bind="skill" link="" />
+          </li>
+        </ul>
+        <p v-for="d in desc">{{ d }}</p>
+        <a v-if="link" :href="link" target="_blank">Zur Seite</a>
+      </main>
+    </div>
   </article>
 </template>
 
@@ -11,7 +26,10 @@ type Props = {
   img : string
   company : string
   title : string
+  desc : string[]
   link ?: string
   tech : Skill[]
 }
+
+defineProps<Props>()
 </script>