From bd7a077f46bd26e679e39feff5c658d4f5d8a990 Mon Sep 17 00:00:00 2001
From: louispaulb <louis.targo@gmail.com>
Date: Tue, 7 Jul 2026 06:48:18 -0400
Subject: [PATCH] portal(vue): fix stray space in prices ($39 .95 -> $39.95)

JSX collapses the newline between {price} and <sup>.cents</sup>; a Vue template
renders it as a visible space. Made the dollar amount and the <sup> cents
adjacent in Services/Telephone/Television price cards. Verified: $39.95/$25.00/$10.00.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
---
 apps/website-vue/src/components/sections/Services.vue | 5 +----
 apps/website-vue/src/pages/Telephone.vue              | 5 +----
 apps/website-vue/src/pages/Television.vue             | 5 +----
 3 files changed, 3 insertions(+), 12 deletions(-)

diff --git a/apps/website-vue/src/components/sections/Services.vue b/apps/website-vue/src/components/sections/Services.vue
index 2d6ecdb..6dedc7b 100644
--- a/apps/website-vue/src/components/sections/Services.vue
+++ b/apps/website-vue/src/components/sections/Services.vue
@@ -98,10 +98,7 @@ const centsOf = (price: number) => ((price % 1) * 100).toFixed(0).padStart(2, "0
               <p class="text-muted-foreground text-sm mb-6 min-h-[40px]">{{ service.description }}</p>
 
               <div class="flex items-baseline gap-1">
-                <span class="font-display text-5xl font-bold text-primary">
-                  ${{ Math.floor(service.price) }}
-                  <sup class="text-2xl">.{{ centsOf(service.price) }}</sup>
-                </span>
+                <span class="font-display text-5xl font-bold text-primary">${{ Math.floor(service.price) }}<sup class="text-2xl">.{{ centsOf(service.price) }}</sup></span>
                 <span class="text-muted-foreground text-sm">{{ service.unit }}</span>
               </div>
               <p class="text-sm text-muted-foreground mb-4">à partir de</p>
diff --git a/apps/website-vue/src/pages/Telephone.vue b/apps/website-vue/src/pages/Telephone.vue
index 88822d8..9e059b3 100644
--- a/apps/website-vue/src/pages/Telephone.vue
+++ b/apps/website-vue/src/pages/Telephone.vue
@@ -73,10 +73,7 @@ const includedFeatures = ["Afficheur", "Appel en attente", "Renvoi d'appel", "Co
               <CardContent class="p-8">
                 <h3 class="font-display text-2xl font-bold mb-2">{{ plan.name }}</h3>
                 <div class="flex items-baseline gap-1 mb-2">
-                  <span class="font-display text-5xl font-bold text-primary">
-                    ${{ Math.floor(plan.price) }}
-                    <sup class="text-2xl">.00</sup>
-                  </span>
+                  <span class="font-display text-5xl font-bold text-primary">${{ Math.floor(plan.price) }}<sup class="text-2xl">.00</sup></span>
                   <span class="text-muted-foreground">/mois +tx</span>
                   <span v-if="plan.originalPrice" class="text-muted-foreground line-through text-lg ml-2">
                     ${{ plan.originalPrice.toFixed(2) }}
diff --git a/apps/website-vue/src/pages/Television.vue b/apps/website-vue/src/pages/Television.vue
index 64bbe14..beabc6e 100644
--- a/apps/website-vue/src/pages/Television.vue
+++ b/apps/website-vue/src/pages/Television.vue
@@ -104,10 +104,7 @@ const channelCategories = [
               <CardContent class="p-8 flex flex-col h-full">
                 <h3 class="font-display text-2xl font-bold mb-2">{{ plan.name }}</h3>
                 <div class="flex items-baseline gap-1 mb-6">
-                  <span class="font-display text-5xl font-bold text-primary">
-                    ${{ Math.floor(plan.price) }}
-                    <sup class="text-2xl">.00</sup>
-                  </span>
+                  <span class="font-display text-5xl font-bold text-primary">${{ Math.floor(plan.price) }}<sup class="text-2xl">.00</sup></span>
                   <span class="text-muted-foreground">/mois +tx</span>
                 </div>
                 <div class="flex items-center gap-2 mb-6 p-3 bg-primary/10 rounded-lg">