<!-- Mes Personnalisations — onglet "Mes Persos" du shop.
     Assemble les sections de préférences (chacune autonome, lit ses composables). -->
<template>
  <div class="persos">
    <BgPrefsSection />
    <SendButtonPrefsSection />
    <SendSkinPrefsSection />
    <IpColorPrefsSection />
    <PetsPrefsSection />
  </div>
</template>

<script setup lang="ts">
import BgPrefsSection from './persos/BgPrefsSection.vue';
import SendButtonPrefsSection from './persos/SendButtonPrefsSection.vue';
import SendSkinPrefsSection from './persos/SendSkinPrefsSection.vue';
import IpColorPrefsSection from './persos/IpColorPrefsSection.vue';
import PetsPrefsSection from './persos/PetsPrefsSection.vue';
</script>

<style scoped>
.persos {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 4px 0;
  max-width: 640px;
}
</style>
