ADD: Technologies

components/Skills/Skills.vue

@@ -12,6 +12,14 @@
         </main>
       </article>
     </div>
+    <article class="z-2 card flex-col default-gap margin-top">
+      <h3>Technologien</h3>
+      <ul class="default-gap">
+        <li v-for="tech in technologies">
+          <Technology v-bind="tech" size="l"/>
+        </li>
+      </ul>
+    </article>
     <div class="bottom flex-col margin-top default-gap">
       <h3>Du brauchst was davon? Kein Ding.</h3>
       <Button href="#services" class="cta" label="Lass mal reden" />
@@ -20,6 +28,11 @@
 </template>
 
 <script setup lang="ts">
+
+import { css, gl, html, java, jetbrains, js, njs, nuxt, pcss, react, rust, ts, vitest, vue } from '~/Skills'
+
+const technologies = [ts, pcss, vue, react, nuxt, njs, java, rust, vitest, gl, jetbrains]
+
 const skills = [
   {
     title: 'Komponenten',