fix: logout btn color

src/components/ProfileMenu.vue

@@ -273,13 +273,13 @@ onMounted(async () => {
             v-if="isLoggedIn()"
             no-caps
             dense
-            color="negative"
             unelevated
             class="q-ma-md app-text-negative"
             :class="{ dark: $q.dark.isActive }"
             :label="$t('logout')"
             @click="$emit('logout')"
             id="btn-logout"
+            style="background-color: hsla(var(--negative-bg) / 0.1)"
             v-close-popup
           />
           <q-btn

src/i18n/en-US/alert-dialog.ts

@@ -6,6 +6,9 @@ export default {
 
   errorOccurred: 'An error occurred.',
 
+  confirmLogoutTitle: 'Confirm Logout',
+  confirmLogoutMessage: 'Do you want to log out?',
+
   // Backend
   productGroupNotFound: 'Product group cannot be found.',
   productGroupInUsed: 'Product group is in used.',

src/i18n/th-th/alert-dialog.ts

@@ -5,6 +5,9 @@ export default {
 
   errorOccurred: 'เกิดข้อผิดพลาด.',
 
+  confirmLogoutTitle: 'ยืนยันการออกจากระบบ',
+  confirmLogoutMessage: 'คุณต้องการออกจากระบบ ใช่หรือไม่',
+
   // Backend
   productGroupNotFound: 'ไม่พบกลุ่มสินค้า',
   productGroupInUsed: 'กลุ่มสินค้าที่ใช้งานอยู่',

src/layouts/MainLayout.vue

@@ -41,7 +41,7 @@ const loaderStore = useLoader();
 const optionStore = useOptionStore();
 
 const { visible } = storeToRefs(loaderStore);
-const { locale } = useI18n({ useScope: 'global' });
+const { t, locale } = useI18n({ useScope: 'global' });
 const userStore = useUserStore();
 
 const rawOption = ref();
@@ -115,12 +115,14 @@ function setActive(button: NotificationButton) {
 function doLogout() {
   dialog({
     icon: 'mdi-logout-variant',
-    title: 'ยืนยันการออกจากระบบ',
+    title: t('confirmLogoutTitle'),
     persistent: true,
-    message: 'คุณต้องการออกจากระบบ ใช่หรือไม่',
+    color: 'negative',
+    message: t('confirmLogoutMessage'),
     action: async () => {
       logout();
     },
+    cancel: () => {},
   });
 }