Merge pull request #132 from lukmarcus/noisy-master

Site link include all variants with archivedUrl
noisy · Apr 10, 2024 · 5eeda86 · 5eeda86
2 parents ae0ad00 + 2d9e1a1
commit 5eeda86
Showing 1 changed file with 22 additions and 19 deletions.
diff --git a/src/components/ProjectInfo.vue b/src/components/ProjectInfo.vue
@@ -12,25 +12,28 @@
             />
             <strong>Company:</strong> {{ project.companyName }}
           </li>
-          <template v-if="project.url || project.urlName">
-            <li class="mb-2 mb-xl-4">
-              <font-awesome-icon
-                icon="external-link-alt"
-                class="me-3 text-primary"
-                transform="grow-6 down-2"
-              />
-              <strong>Site Link: </strong>
-              <template v-if="project.url">
-                <a :href="project.archivedUrl || project.url">{{
-                  project.urlName || project.url
-                }}</a>
-                <span v-if="project.archivedUrl"> (archived)</span>
-              </template>
-              <template v-else>
-                {{ project.urlName }}
-              </template>
-            </li>
-          </template>
+          <li
+            v-if="project.url || project.urlName || project.archivedUrl"
+            class="mb-2 mb-xl-4"
+          >
+            <font-awesome-icon
+              icon="external-link-alt"
+              class="me-3 text-primary"
+              transform="grow-6 down-2"
+            />
+            <strong>Site Link: </strong>
+            <a
+              v-if="project.url || project.archivedUrl"
+              :href="project.archivedUrl || project.url"
+              >{{ project.urlName || project.archivedUrl || project.url }}</a
+            >
+            <span v-if="project.archivedUrl"> (archived)</span>
+            <span
+              v-if="project.urlName && !project.url && !project.archivedUrl"
+            >
+              {{ project.urlName }}
+            </span>
+          </li>
           <li class="mb-2 mb-xl-4">
             <font-awesome-icon
               icon="wrench"