<template>
    <p>{{ welcomePhrase }}</p>
</template>

<script setup>
import { onMounted, ref } from 'vue';

const welcomePhrase = ref('');

const welcomePhrases = [
  // 🎶 Musique
  "Prêt à faire vibrer les serveurs ? 🎧",
  "Le beat n'attend que toi 🔊",
  "Monte le son, baisse les soucis ! 🎶",
  "La playlist est vide… pour l’instant 👀",
  "Que la musique commence ! 🎵",

  // 🧠 Motivantes
  "Chaque jour est une nouvelle chanson à écrire. ✍️",
  "Tu n’es qu’à un clic d’une bonne vibe. ⚡",
  "Ta créativité est ton meilleur plugin. 🎛️",
  "Aujourd’hui, tu vas casser des tympans (positivement). 💥",

  // 😎 Cool & relax
  "Toujours en retard, mais toujours stylé 😎",
  "Connecté ? Que la fête commence. 🥳",
  "Tu sens cette vibe ? C’est la tienne. 🌊",
  "Encore un jour pour être incroyable. 🌟",

  // 🕹️ Geek / dev
  "Chargement de l’ambiance… 100% ✅",
  "Console ready. Exécutez `!play` 🖥️",
  "Ton interface préférée t’attend. 💻",
  "Mise à jour du swag terminée. 🔄",

  // 🤖 Humour IA / tech
  "Je t’ai généré une bonne humeur en .mp3 🤖",
  "Aucune erreur 404 aujourd’hui (je crois). 🐛",
  "Bienvenue dans le multivers du son. 🪐",
  "Système audio synchronisé, capitaine. 🚀",

  // 🧪 Expérimental / fun
  "Statut : chill activé 😌",
  "Nombre de décibels autorisés : illimité. 🔊",
  "Café : ☕ | Motivation : 🔥 | Playlists : 🆙",
  "Pas besoin de wifi pour vibrer (enfin presque). 📡",

  // 🎯 Dynamique
  "Tu es le DJ de ta propre histoire. 🎧",
  "Aujourd’hui, c’est toi la star. 🌟",
  "Envie de faire bouger les choses ? Let’s go. 💃",
  "Un bon son, une bonne journée. ☀️",

  // 👨‍🎤 Personnalisées
  "Raphix, la scène t’appelle. 🎤",
  "Tu fais fondre les playlists 🔥",
  "Mieux qu’un jukebox vivant. 🎚️"
]

onMounted(() => {
  welcomePhrase.value = welcomePhrases[Math.floor(Math.random() * welcomePhrases.length)];
})
</script>
<style scoped>
p {
    font-size: 1.2em;
    color: var(--text-secondary);
    text-align: center;
    margin: 0;
}
</style>