[automated] Apply ESLint and Prettier fixes

src/platform/cloud/subscription/components/PricingTable.vue

@@ -7,7 +7,9 @@
     >
       <div class="flex flex-col gap-6 p-8">
         <div class="flex flex-row items-center gap-2">
-          <span class="font-inter text-base font-bold leading-normal text-base-foreground">
+          <span
+            class="font-inter text-base font-bold leading-normal text-base-foreground"
+          >
             {{ tier.name }}
           </span>
           <div
@@ -18,10 +20,14 @@
           </div>
         </div>
         <div class="flex flex-row items-baseline gap-2">
-          <span class="font-inter text-[32px] font-semibold leading-normal text-base-foreground">
+          <span
+            class="font-inter text-[32px] font-semibold leading-normal text-base-foreground"
+          >
             ${{ tier.price }}
           </span>
-          <span class="font-inter text-base font-normal leading-normal text-base-foreground">
+          <span
+            class="font-inter text-base font-normal leading-normal text-base-foreground"
+          >
             {{ t('subscription.usdPerMonth') }}
           </span>
         </div>
@@ -29,12 +35,16 @@
 
       <div class="flex flex-col gap-4 px-8 pb-0 flex-1">
         <div class="flex flex-row items-center justify-between">
-          <span class="font-inter text-sm font-normal leading-normal text-muted-foreground">
+          <span
+            class="font-inter text-sm font-normal leading-normal text-muted-foreground"
+          >
             {{ t('subscription.monthlyCreditsLabel') }}
           </span>
           <div class="flex flex-row items-center gap-1">
             <i class="icon-[lucide--component] text-amber-400 text-sm" />
-            <span class="font-inter text-sm font-bold leading-normal text-base-foreground">
+            <span
+              class="font-inter text-sm font-bold leading-normal text-base-foreground"
+            >
               {{ tier.credits }}
             </span>
           </div>
@@ -44,7 +54,9 @@
           <span class="text-sm font-normal text-muted-foreground">
             {{ t('subscription.maxDurationLabel') }}
           </span>
-          <span class="font-inter text-sm font-bold leading-normal text-base-foreground">
+          <span
+            class="font-inter text-sm font-bold leading-normal text-base-foreground"
+          >
             {{ tier.maxDuration }}
           </span>
         </div>
@@ -78,13 +90,17 @@
                 {{ t('subscription.videoEstimateLabel') }}
               </span>
               <div class="flex flex-row items-center gap-2 opacity-50">
-                <i class="pi pi-question-circle text-xs text-muted-foreground" />
+                <i
+                  class="pi pi-question-circle text-xs text-muted-foreground"
+                />
                 <span class="text-sm font-normal text-muted-foreground">
                   {{ t('subscription.videoEstimateHelp') }}
                 </span>
               </div>
             </div>
-            <span class="font-inter text-sm font-bold leading-normal text-base-foreground">
+            <span
+              class="font-inter text-sm font-bold leading-normal text-base-foreground"
+            >
               {{ tier.videoEstimate }}
             </span>
           </div>
@@ -192,21 +208,26 @@ const { wrapWithErrorHandlingAsync } = useErrorHandling()
 const isLoading = ref(false)
 const loadingTier = ref<TierKey | null>(null)
 
-const currentTierKey = computed<TierKey | null>(() => 
+const currentTierKey = computed<TierKey | null>(() =>
   subscriptionTier.value ? TIER_TO_KEY[subscriptionTier.value] : null
 )
 
-const isCurrentPlan = (tierKey: TierKey): boolean => 
+const isCurrentPlan = (tierKey: TierKey): boolean =>
   currentTierKey.value === tierKey
 
 const getButtonLabel = (tier: PricingTierConfig): string => {
   if (isCurrentPlan(tier.key)) return t('subscription.currentPlan')
-  if (!isActiveSubscription.value) return t('subscription.subscribeTo', { plan: tier.name })
+  if (!isActiveSubscription.value)
+    return t('subscription.subscribeTo', { plan: tier.name })
   return t('subscription.changeTo', { plan: tier.name })
 }
 
-const getButtonSeverity = (tier: PricingTierConfig): 'primary' | 'secondary' => 
+const getButtonSeverity = (tier: PricingTierConfig): 'primary' | 'secondary' =>
-  isCurrentPlan(tier.key) ? 'secondary' : tier.key === 'creator' ? 'primary' : 'secondary'
+  isCurrentPlan(tier.key)
+    ? 'secondary'
+    : tier.key === 'creator'
+      ? 'primary'
+      : 'secondary'
 
 const initiateCheckout = async (tierKey: TierKey) => {
   const authHeader = await getAuthHeader()
@@ -231,12 +252,13 @@ const initiateCheckout = async (tierKey: TierKey) => {
       // If JSON parsing fails, try to get text response or use HTTP status
       try {
         const errorText = await response.text()
-        errorMessage = errorText || `HTTP ${response.status} ${response.statusText}`
+        errorMessage =
+          errorText || `HTTP ${response.status} ${response.statusText}`
       } catch {
         errorMessage = `HTTP ${response.status} ${response.statusText}`
       }
     }
-    
+
     throw new FirebaseAuthStoreError(
       t('toastMessages.failedToInitiateSubscription', {
         error: errorMessage
@@ -247,27 +269,24 @@ const initiateCheckout = async (tierKey: TierKey) => {
   return await response.json()
 }
 
-const handleSubscribe = wrapWithErrorHandlingAsync(
+const handleSubscribe = wrapWithErrorHandlingAsync(async (tierKey: TierKey) => {
-  async (tierKey: TierKey) => {
+  if (!isCloud || isLoading.value || isCurrentPlan(tierKey)) return
-    if (!isCloud || isLoading.value || isCurrentPlan(tierKey)) return
 
-    isLoading.value = true
+  isLoading.value = true
-    loadingTier.value = tierKey
+  loadingTier.value = tierKey
 
-    try {
+  try {
-      if (isActiveSubscription.value) {
+    if (isActiveSubscription.value) {
-        await accessBillingPortal()
+      await accessBillingPortal()
-      } else {
+    } else {
-        const response = await initiateCheckout(tierKey)
+      const response = await initiateCheckout(tierKey)
-        if (response.checkout_url) {
+      if (response.checkout_url) {
-          window.open(response.checkout_url, '_blank')
+        window.open(response.checkout_url, '_blank')
-        }
       }
-    } finally {
-      isLoading.value = false
-      loadingTier.value = null
     }
-  },
+  } finally {
-  reportError
+    isLoading.value = false
-)
+    loadingTier.value = null
-</script>
+  }
+}, reportError)
+</script>