Initial work on SettingLayout #174

resources/js/pages/Achievements.vue

@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import Heading from '@/components/Heading.vue';
 import PlaceholderPattern from '../components/PlaceholderPattern.vue';
 import AppLayout from '@/layouts/AppLayout.vue';
 </script>
@@ -7,8 +8,7 @@ import AppLayout from '@/layouts/AppLayout.vue';
 
     <AppLayout title="Erfolge">
         <div>
-            <h1 class="text-xl">Kategorie</h1>
-            <h2 class="text-sm text-neutral-400 mb-4">3 von 10 freigeschaltet</h2>
+            <Heading title="Kategorie" description="3 von 10 freigeschaltet" />
 
             <div class="flex flex-row flex-wrap gap-4">
                 <div v-for="n in 10" class="relative flex flex-col items-center">