Add special cars

src/pages/HomeView.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import CarDetail from '@/components/CarDetail.vue';
-import StatsBlock from '@/components/StatsBlock.vue';
+import QuickStats from '@/components/QuickStats.vue';
 import { getType, useTramStore } from '@/stores/tram.ts';
 import { computed, ref } from 'vue';
 import {
@@ -97,29 +97,7 @@ function add() {
     <VaCard class="md:col-2" stripe-color="success" stripe>
       <VaCardTitle>Quick stats</VaCardTitle>
       <VaCardContent>
-        <div class="flex flex-col justify-around sm:flex-row">
-          <StatsBlock
-            :total="tramStore.shortStats.totalCount"
-            :found="tramStore.shortStats.found"
-            name="Fahrzeuge"
-            color="success"
-            icon="train"
-          />
-          <StatsBlock
-            :total="tramStore.shortStats.tramCount"
-            :found="tramStore.shortStats.trams"
-            name="Trams"
-            color="danger"
-            icon="tram"
-          />
-          <StatsBlock
-            :total="tramStore.shortStats.busCount"
-            :found="tramStore.shortStats.busses"
-            name="Busse"
-            color="warning"
-            icon="directions_bus"
-          />
-        </div>
+        <QuickStats />
       </VaCardContent>
       <VaCardActions>
         <VaButton to="/stats" icon="arrow_outward">Mehr Statistiken</VaButton>