71 lines
2.1 KiB
Vue
71 lines
2.1 KiB
Vue
<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> |