From 4b5e5b6ba058b7703b752fe3d200527dbd5fb342 Mon Sep 17 00:00:00 2001
From: Sudo-Ivan <ivan@quad4.io>
Date: Thu, 1 Jan 2026 16:22:09 -0600
Subject: [PATCH] refactor(components): improve code readability by formatting
 div elements in App.vue and AuthPage.vue

---
 meshchatx/src/frontend/components/App.vue           | 5 ++++-
 meshchatx/src/frontend/components/auth/AuthPage.vue | 4 +++-
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/meshchatx/src/frontend/components/App.vue b/meshchatx/src/frontend/components/App.vue
index a7c74d8..3f10364 100644
--- a/meshchatx/src/frontend/components/App.vue
+++ b/meshchatx/src/frontend/components/App.vue
@@ -3,7 +3,10 @@
         :class="{ dark: config?.theme === 'dark' }"
         class="h-screen w-full flex flex-col bg-slate-50 dark:bg-zinc-950 transition-colors"
     >
-        <div v-if="appInfo?.is_demo" class="relative z-[100] bg-blue-600/90 backdrop-blur-sm text-white text-[10px] font-bold uppercase tracking-[0.2em] py-1 text-center select-none border-b border-white/10 shadow-sm">
+        <div
+            v-if="appInfo?.is_demo"
+            class="relative z-[100] bg-blue-600/90 backdrop-blur-sm text-white text-[10px] font-bold uppercase tracking-[0.2em] py-1 text-center select-none border-b border-white/10 shadow-sm"
+        >
             Demo Mode &bull; Read Only
         </div>
 
diff --git a/meshchatx/src/frontend/components/auth/AuthPage.vue b/meshchatx/src/frontend/components/auth/AuthPage.vue
index 6bad99f..f8250ac 100644
--- a/meshchatx/src/frontend/components/auth/AuthPage.vue
+++ b/meshchatx/src/frontend/components/auth/AuthPage.vue
@@ -5,7 +5,9 @@
                 class="bg-white dark:bg-zinc-900 rounded-2xl shadow-lg border border-gray-200 dark:border-zinc-800 p-8"
             >
                 <div class="text-center mb-8">
-                    <div class="w-16 h-16 mx-auto mb-4 rounded-2xl overflow-hidden bg-white/70 dark:bg-white/10 border border-gray-200 dark:border-zinc-700 shadow-inner flex items-center justify-center">
+                    <div
+                        class="w-16 h-16 mx-auto mb-4 rounded-2xl overflow-hidden bg-white/70 dark:bg-white/10 border border-gray-200 dark:border-zinc-700 shadow-inner flex items-center justify-center"
+                    >
                         <img class="w-16 h-16 object-contain p-2" src="/assets/images/logo.png" />
                     </div>
                     <h1 class="text-2xl font-bold text-gray-900 dark:text-zinc-100 mb-2">