test(ascent-vue): restore template smoke checks

Author: DominusKelvin

templates/ascent-vue/api/controllers/security/disable-2fa.js

@@ -65,8 +65,8 @@ module.exports = {
       method === 'all'
         ? 'All two-factor authentication methods'
         : method === 'totp'
-        ? 'Authenticator app (TOTP)'
-        : 'Email verification (2FA)'
+          ? 'Authenticator app (TOTP)'
+          : 'Email verification (2FA)'
 
     this.req.flash('success', `${methodDisplayName} disabled successfully`)
     return '/settings/security'

templates/ascent-vue/api/helpers/passkey/verify-authentication.js

@@ -100,9 +100,8 @@ module.exports = {
         requireUserVerification: true
       }
 
-      const verification = await verifyAuthenticationResponse(
-        verificationOptions
-      )
+      const verification =
+        await verifyAuthenticationResponse(verificationOptions)
 
       if (!verification.verified) {
         return exits.verificationFailed()

templates/ascent-vue/api/hooks/custom/index.js

@@ -54,9 +54,8 @@ module.exports = function defineCustomHook(sails) {
                   }
 
                   // Add avatar URL using helper
-                  user.currentAvatarUrl = await sails.helpers.user.getAvatarUrl(
-                    user
-                  )
+                  user.currentAvatarUrl =
+                    await sails.helpers.user.getAvatarUrl(user)
 
                   return user
                 })

templates/ascent-vue/api/models/Team.js

@@ -68,9 +68,8 @@ module.exports = {
   beforeCreate: async function (valuesToSet, proceed) {
     // Generate invite token if not provided
     if (!valuesToSet.inviteToken) {
-      valuesToSet.inviteToken = await sails.helpers.strings.random(
-        'url-friendly'
-      )
+      valuesToSet.inviteToken =
+        await sails.helpers.strings.random('url-friendly')
     }
     return proceed()
   }

templates/ascent-vue/assets/js/components/BackupCodesModal.vue

@@ -54,9 +54,9 @@ function handleSavedCodes() {
       <!-- Header -->
       <div class="text-center">
         <div
-          class="mx-auto mb-4 flex h-12 w-12 items-center justify-center rounded-full bg-success-100"
+          class="bg-success-100 mx-auto mb-4 flex h-12 w-12 items-center justify-center rounded-full"
         >
-          <i class="pi pi-key text-xl text-success-600" />
+          <i class="pi pi-key text-success-600 text-xl" />
         </div>
         <h2 class="mb-2 text-xl font-semibold text-gray-900">
           {{

templates/ascent-vue/assets/js/components/Chips.vue

@@ -91,7 +91,7 @@ function handleBlur() {
 <template>
   <div :class="['chips-container', props.class]">
     <div
-      class="flex flex-wrap items-center gap-2 rounded-md border border-surface-300 bg-surface-0 px-3 py-1 min-h-10 focus-within:border-primary-500 focus-within:ring-1 focus-within:ring-primary-500 dark:border-surface-600 dark:bg-surface-900"
+      class="border-surface-300 bg-surface-0 focus-within:border-primary-500 focus-within:ring-primary-500 dark:border-surface-600 dark:bg-surface-900 flex min-h-10 flex-wrap items-center gap-2 rounded-md border px-3 py-1 focus-within:ring-1"
     >
       <!-- Render existing chips -->
       <Chip

templates/ascent-vue/assets/js/components/EmailTwoFactorSetupModal.vue

@@ -108,7 +108,7 @@ function handleClose() {
         </div>
 
         <div
-          class="flex flex-col justify-end space-y-3 sm:flex-row sm:space-x-3 sm:space-y-0"
+          class="flex flex-col justify-end space-y-3 sm:flex-row sm:space-y-0 sm:space-x-3"
         >
           <SecondaryButton
             type="button"

templates/ascent-vue/assets/js/components/ImageUpload.vue

@@ -75,7 +75,7 @@ function openFileDialog() {
 
       <!-- Edit button overlay -->
       <div
-        class="absolute -right-4 -top-2 overflow-hidden rounded-full bg-white shadow-md"
+        class="absolute -top-2 -right-4 overflow-hidden rounded-full bg-white shadow-md"
       >
         <SecondaryButton
           icon="pi pi-pencil"

templates/ascent-vue/assets/js/components/ManagePasskeysModal.vue

@@ -157,7 +157,7 @@ function getDeviceIcon(transports) {
             <div class="flex min-w-0 flex-1 items-center space-x-4">
               <div class="shrink-0">
                 <div
-                  class="flex h-10 w-10 items-center justify-center rounded-lg bg-brand-50"
+                  class="bg-brand-50 flex h-10 w-10 items-center justify-center rounded-lg"
                 >
                   <i
                     :class="[

templates/ascent-vue/assets/js/components/Sidebar.vue

@@ -73,7 +73,7 @@ const avatarStyle = computed(() => ({
     <!-- Mobile overlay -->
     <div
       v-if="isOpen"
-      class="fixed inset-0 z-40 bg-gray-600 bg-opacity-50 lg:hidden"
+      class="bg-opacity-50 fixed inset-0 z-40 bg-gray-600 lg:hidden"
       @click="emit('toggle')"
     />
 
@@ -89,7 +89,7 @@ const avatarStyle = computed(() => ({
         <Link href="/" class="group flex items-center space-x-2">
           <div class="relative">
             <div
-              class="absolute inset-0 scale-110 rounded-xl bg-brand-200/20 opacity-0 blur-sm transition-opacity group-hover:opacity-100"
+              class="bg-brand-200/20 absolute inset-0 scale-110 rounded-xl opacity-0 blur-sm transition-opacity group-hover:opacity-100"
             />
             <img
               src="/images/logo.svg"
@@ -120,7 +120,7 @@ const avatarStyle = computed(() => ({
               'group flex items-center rounded-lg px-3 py-2 text-sm font-medium transition-all duration-200',
               isActiveRoute(item.href)
                 ? 'bg-brand-100 text-brand-700 shadow-sm'
-                : 'text-gray-700 hover:bg-gray-50 hover:text-brand-600'
+                : 'hover:text-brand-600 text-gray-700 hover:bg-gray-50'
             ]"
             :prefetch="item.prefetch"
             :cache-for="item.cacheFor"
@@ -131,7 +131,7 @@ const avatarStyle = computed(() => ({
                 'mr-3 text-lg transition-colors',
                 isActiveRoute(item.href)
                   ? 'text-brand-600'
-                  : 'text-gray-400 group-hover:text-brand-500'
+                  : 'group-hover:text-brand-500 text-gray-400'
               ]"
             />
             {{ item.name }}
@@ -142,7 +142,7 @@ const avatarStyle = computed(() => ({
         <div class="pt-6">
           <div class="mb-3 px-3">
             <h3
-              class="text-xs font-semibold uppercase tracking-wider text-gray-500"
+              class="text-xs font-semibold tracking-wider text-gray-500 uppercase"
             >
               Settings
             </h3>
@@ -156,7 +156,7 @@ const avatarStyle = computed(() => ({
                 'group flex items-center rounded-lg px-3 py-2 text-sm font-medium transition-all duration-200',
                 isActiveRoute(item.href)
                   ? 'bg-brand-100 text-brand-700 shadow-sm'
-                  : 'text-gray-700 hover:bg-gray-50 hover:text-brand-600'
+                  : 'hover:text-brand-600 text-gray-700 hover:bg-gray-50'
               ]"
               :prefetch="item.prefetch"
               :cache-for="item.cacheFor"
@@ -167,7 +167,7 @@ const avatarStyle = computed(() => ({
                   'mr-3 text-lg transition-colors',
                   isActiveRoute(item.href)
                     ? 'text-brand-600'
-                    : 'text-gray-400 group-hover:text-brand-500'
+                    : 'group-hover:text-brand-500 text-gray-400'
                 ]"
               />
               {{ item.name }}