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;