fix: improvements

assets/css/button.css

@@ -9,6 +9,9 @@
     box-shadow: 0 0 0 0 var(--color-orange);
     border-radius: 99999px;
     text-align: center;
+    display: flex;
+    align-items: center;
+    justify-content: center;
 
     &:hover {
         box-shadow: 0 0 0 6px var(--color-orange);

components/Intro.vue

@@ -9,7 +9,7 @@
         Component <span class="highlight">&</span> API Entwicklerin
       </h2>
       <p class="fulltext">
-        Ich helfe Unternehmen dabei, ihre Daten so richtig nice zusammen zu sammeln
+        Ich unterstütze Unternehmen dabei, ihre Daten so richtig nice zusammen zu sammeln
         und in wunderschöne Komponenten zu gießen.
       </p>
       <p class="fulltext">

components/Services.vue

@@ -33,19 +33,20 @@
     <p class="margin-top">Doch auch wenn ich mal voll ausgelastet bin - keine Sorge!
       Mein <span class="highlight">Netzwerk an Profis</span> kann dir sicher auch weiterhelfen.
     </p>
-    <client-only>
+    <ClientOnly>
       <div class="network-list margin-top">
         <div class="scroll-container default-gap">
           <Person ref="persons" v-for="person in network" v-bind="person" />
         </div>
       </div>
-    </client-only>
+    </ClientOnly>
   </section>
 </template>
 
 <script setup lang="ts">
 import check from 'iconoir/icons/regular/double-check.svg'
 import mail from 'iconoir/icons/regular/mail.svg'
+import Person from '~/components/Person.vue'
 
 const slots : number = 0
 const slotsLabel = `${slots} ${slots === 1 ? `Slot` : `Slots`} frei`

nuxt.config.ts

@@ -21,6 +21,11 @@ export default defineNuxtConfig({
     '~/assets/css/person.css',
     '~/assets/css/button.css',
   ],
+  postcss: {
+    plugins: {
+      'postcss-nesting': { /* plugin options */ },
+    },
+  },
   routeRules: {
     '/': { prerender: true },
     '/imp': { prerender: true },

package.json

@@ -8,11 +8,14 @@
     "prepare": "nuxt prepare",
     "generate": "nuxt generate",
     "preview": "nuxt preview",
+    "gen:prev": "nuxt generate && nuxt preview",
     "postinstall": "nuxt prepare",
+    "generate:deploy": "nuxt generate && firebase deploy --only hosting",
     "build:deploy": "nuxt build && firebase deploy --only hosting"
   },
   "devDependencies": {
-    "nuxt": "^3.11.2"
+    "nuxt": "^3.11.2",
+    "postcss-nesting": "^13.0.0"
   },
   "dependencies": {
     "iconoir": "^7.7.0"