fix: lint formatting — attribute ordering, line breaks, whitespace

packages/nc-gui/components/workspace/integrations/ActiveConnectionsSection.vue

@@ -140,18 +140,22 @@ const handleEdit = (integration: IntegrationType) => {
         <h3 class="text-sm font-weight-700 text-nc-content-gray-subtle mb-0">
           {{ t('general.activeConnections') }}
         </h3>
-        <NcBadge v-if="filteredTotalCount" :border="false" class="bg-nc-bg-brand-inverted text-nc-content-gray-subtle2 text-xs min-w-5 !h-5 flex justify-center">
+        <NcBadge
+          v-if="filteredTotalCount"
+          :border="false"
+          class="bg-nc-bg-brand-inverted text-nc-content-gray-subtle2 text-xs min-w-5 !h-5 flex justify-center"
+        >
           {{ filteredTotalCount }}
         </NcBadge>
       </div>
 
       <NcButton
         v-if="filteredTotalCount > 0"
+        v-e="['c:integration:view-all-connections']"
         type="link"
         size="small"
         class="!text-nc-content-brand !p-0 !h-auto !min-h-0"
         inner-class="hover:underline"
-        v-e="['c:integration:view-all-connections']"
         @click="emits('view-all')"
       >
         {{ t('general.viewAllConnections') }}
@@ -172,7 +176,12 @@ const handleEdit = (integration: IntegrationType) => {
       />
 
       <!-- Overflow card -->
-      <div v-if="overflowCount > 0" v-e="['c:integration:view-all-connections']" class="nc-connection-overflow-card" @click="emits('view-all')">
+      <div
+        v-if="overflowCount > 0"
+        v-e="['c:integration:view-all-connections']"
+        class="nc-connection-overflow-card"
+        @click="emits('view-all')"
+      >
         <div class="text-sm font-semibold text-nc-content-gray">+{{ overflowCount }} {{ t('general.more') }}</div>
         <div class="text-xs text-nc-content-gray-subtle2">
           {{ t('general.viewAllConnections') }}

packages/nc-gui/components/workspace/integrations/AddConnectionDropdown.vue

@@ -94,9 +94,7 @@ const integrationListItems = computed(() => {
   for (const cat of integrationCategories) {
     if (!isCategoryAllowed(cat)) continue
 
-    const categoryIntegrations = allIntegrations.filter(
-      (i) => i.type === cat.value && isIntegrationAllowed(i, cat),
-    )
+    const categoryIntegrations = allIntegrations.filter((i) => i.type === cat.value && isIntegrationAllowed(i, cat))
 
     if (!categoryIntegrations.length) continue
 

packages/nc-gui/components/workspace/integrations/ConnectionActionMenu.vue

@@ -17,18 +17,18 @@ const props = withDefaults(defineProps<Props>(), {
   canUnlink: false,
 })
 
-const { t } = useI18n()
-
-const { isFeatureEnabled } = useBetaFeatureToggle()
-
-const { editIntegration, duplicateIntegration, setDefaultIntegration } = useIntegrationStore()
-
 const emits = defineEmits<{
   (e: 'delete', integration: IntegrationType): void
   (e: 'base-assignment', integration: IntegrationType): void
   (e: 'unlink', integrationId: string): void
 }>()
 
+const { t } = useI18n()
+
+const { isFeatureEnabled } = useBetaFeatureToggle()
+
+const { editIntegration, duplicateIntegration, setDefaultIntegration } = useIntegrationStore()
+
 const openEditIntegration = (integration: IntegrationType) => {
   if (!isFeatureEnabled(FEATURE_FLAG.DATA_REFLECTION) && integration.sub_type === SyncDataType.NOCODB) {
     return
@@ -71,8 +71,8 @@ const openEditIntegration = (integration: IntegrationType) => {
             <span>{{ t('labels.manageBaseAccess') }}</span>
           </NcMenuItem>
           <NcMenuItem
-            :disabled="!isFeatureEnabled(FEATURE_FLAG.DATA_REFLECTION) && props.integration.sub_type === SyncDataType.NOCODB"
             v-e="['c:integration:edit']"
+            :disabled="!isFeatureEnabled(FEATURE_FLAG.DATA_REFLECTION) && props.integration.sub_type === SyncDataType.NOCODB"
             @click="openEditIntegration(props.integration)"
           >
             <GeneralIcon class="text-current opacity-80" icon="edit" />

packages/nc-gui/components/workspace/integrations/ConnectionCard.vue

@@ -52,7 +52,12 @@ const handleCardClick = () => {
 </script>
 
 <template>
-  <div v-e="['c:integration:connection-card:click']" class="nc-connection-card" data-testid="nc-connection-card" @click="handleCardClick">
+  <div
+    v-e="['c:integration:connection-card:click']"
+    class="nc-connection-card"
+    data-testid="nc-connection-card"
+    @click="handleCardClick"
+  >
     <div class="flex items-center gap-3 min-w-0">
       <div class="nc-connection-card-icon">
         <GeneralIntegrationIcon :type="integration.sub_type" size="lg" />

packages/nc-gui/components/workspace/integrations/forms/EditOrAdd/Common/index.vue

@@ -75,7 +75,7 @@ const { form, formState, isLoading, initialState, submit } = useProvideFormBuild
     return await $api.internal.postOperation(
       wsId,
       activeProjectId.value || NO_SCOPE,
-      { operation: activeProjectId.value ? 'baseIntegrationFetchOptions'  : 'integrationFetchOptions' },
+      { operation: activeProjectId.value ? 'baseIntegrationFetchOptions' : 'integrationFetchOptions' },
       {
         integration: formState.value,
         key,