From 6cb7f52e4f9a38cf934a802d8227c5ba24e620f5 Mon Sep 17 00:00:00 2001
From: solvedDev <solveddev@gmail.com>
Date: Tue, 11 Oct 2022 22:12:36 +0200
Subject: [PATCH] feat: always show available compiler plugin names

---
 .../Windows/ExtensionStore/ExtensionCard.vue  | 61 +++++++++----------
 .../Windows/ExtensionStore/ExtensionViewer.ts |  6 ++
 2 files changed, 36 insertions(+), 31 deletions(-)

diff --git a/src/components/Windows/ExtensionStore/ExtensionCard.vue b/src/components/Windows/ExtensionStore/ExtensionCard.vue
index f90a62916..4af2666bc 100644
--- a/src/components/Windows/ExtensionStore/ExtensionCard.vue
+++ b/src/components/Windows/ExtensionStore/ExtensionCard.vue
@@ -126,42 +126,41 @@
 
 		<span>{{ extension.description }}</span>
 
-		<template
+		<v-divider
 			v-if="
-				(extension.connected &&
-					extension.connected.contributesCompilerPlugins) ||
+				extension.compilerPlugins.length > 0 ||
 				!extension.isCompatibleVersion()
 			"
+			class="my-2"
+		/>
+
+		<div
+			class="d-flex align-center"
+			v-if="extension.compilerPlugins.length > 0"
 		>
-			<v-divider class="my-2" />
+			<v-icon class="pr-1" color="secondary">mdi-cogs</v-icon>
+			<span class="font-weight-bold">
+				{{
+					t(
+						'windows.extensionStore.compilerPluginDownload.compilerPlugins'
+					)
+				}}:&nbsp;
+			</span>
+
+			<span>
+				{{ compilerPlugins }}
+			</span>
+		</div>
 
-			<div
-				v-if="
-					extension.connected &&
-					extension.connected.contributesCompilerPlugins
-				"
+		<div
+			v-if="!extension.isCompatibleVersion()"
+			class="d-flex align-center pt-1"
+		>
+			<v-icon class="pr-1" color="error">mdi-alert-circle</v-icon>
+			<span class="font-weight-bold">
+				{{ t('windows.extensionStore.incompatibleVersion') }}</span
 			>
-				<v-icon color="secondary">mdi-format-list-bulleted</v-icon>
-				<span class="font-weight-bold">
-					{{
-						t(
-							'windows.extensionStore.compilerPluginDownload.compilerPlugins'
-						)
-					}}:
-				</span>
-
-				<span>
-					{{ compilerPlugins }}
-				</span>
-			</div>
-
-			<div v-if="!extension.isCompatibleVersion()" class="pt-1">
-				<span class="font-weight-bold">
-					<v-icon color="error">mdi-alert-circle</v-icon>
-					{{ t('windows.extensionStore.incompatibleVersion') }}</span
-				>
-			</div>
-		</template>
+		</div>
 	</div>
 </template>
 
@@ -195,7 +194,7 @@ export default {
 			return this.$vuetify.breakpoint.mobile
 		},
 		compilerPlugins() {
-			return Object.keys(this.extension.connected.compilerPlugins)
+			return this.extension.compilerPlugins
 				.map((plugin) => `"${plugin}"`)
 				.join(', ')
 		},
diff --git a/src/components/Windows/ExtensionStore/ExtensionViewer.ts b/src/components/Windows/ExtensionStore/ExtensionViewer.ts
index 5088a019a..15d821638 100644
--- a/src/components/Windows/ExtensionStore/ExtensionViewer.ts
+++ b/src/components/Windows/ExtensionStore/ExtensionViewer.ts
@@ -64,6 +64,12 @@ export class ExtensionViewer {
 	}
 	//#endregion
 
+	get compilerPlugins() {
+		const ext = this.extension
+		if(ext) return Object.keys(ext.compilerPlugins ?? {})
+
+		return Object.keys(this.config?.compiler?.plugins ?? {})
+	}
 	get isInstalled() {
 		return this._isInstalled
 	}