diff --git a/src/components/Addon.vue b/src/components/Addon.vue index 9aa348a..99b4e97 100644 --- a/src/components/Addon.vue +++ b/src/components/Addon.vue @@ -15,7 +15,8 @@ {{ description }}

- {{ size }} +
{{ authors }}
+
{{ size }}
@@ -91,6 +92,19 @@ const props = defineProps<{ addon: Addon }>(); const url = `https://github.com/${REPOSITORY_OWNER}/${REPOSITORY_NAME}/tree/main/${ADDONS_DIRECTORY}/${props.addon.name}`; +const authors = computed(() => { + const authors = props.addon.authors; + + if (!authors) { + return "Unknown Author"; + } + + if (authors.length > 3) { + return `${authors.slice(0, 3).join(", ")} + ${authors.length - 3} more`; + } + + return authors.join(", "); +}); const description = computed(() => props.addon.description ?? "No description"); const size = computed(() => props.addon.size ? formatBytes(props.addon.size) : "? B" @@ -234,6 +248,10 @@ const uninstall = () => { .bottom { color: inherit; opacity: 0.8; + + & > div { + margin: 0.5em 0px; + } } } diff --git a/src/types/addon.d.ts b/src/types/addon.d.ts index a55f24c..4c2d7e3 100644 --- a/src/types/addon.d.ts +++ b/src/types/addon.d.ts @@ -3,6 +3,7 @@ export interface Addon { readonly uri: string; displayName?: string; + authors?: string[]; description?: string; size?: number; hasPlugin?: boolean;