From a3fd0b032b0eca92973bba82c0173f7269c76025 Mon Sep 17 00:00:00 2001
From: Daniel Supernault <danielsupernault@gmail.com>
Date: Fri, 3 Nov 2023 21:37:13 -0600
Subject: [PATCH] Update vue components, fix typos

---
 resources/assets/components/partials/post/PostReactions.vue   | 2 +-
 .../assets/components/partials/profile/ProfileHoverCard.vue   | 1 -
 resources/assets/js/components/ComposeModal.vue               | 2 +-
 resources/assets/js/components/PortfolioSettings.vue          | 2 +-
 resources/assets/js/components/partials/CommentFeed.vue       | 4 ++--
 resources/assets/js/components/partials/StatusCard.vue        | 2 --
 6 files changed, 5 insertions(+), 8 deletions(-)

diff --git a/resources/assets/components/partials/post/PostReactions.vue b/resources/assets/components/partials/post/PostReactions.vue
index 5456b7e63..da446e77e 100644
--- a/resources/assets/components/partials/post/PostReactions.vue
+++ b/resources/assets/components/partials/post/PostReactions.vue
@@ -5,7 +5,7 @@
 				Liked by
 				<span v-if="status.favourites_count == 1 && status.favourited == true" class="font-weight-bold">me</span>
 				<span v-else>
-					<router-link :to="'/i/web/profile/' + status.liked_by.id" class="primary font-weight-bold"">&commat;{{ status.liked_by.username}}</router-link>
+					<router-link :to="'/i/web/profile/' + status.liked_by.id" class="primary font-weight-bold">{{ status.liked_by.username}}</router-link>
 					<span v-if="status.liked_by.others || status.favourites_count > 1">
 						and <a href="#" class="primary font-weight-bold" @click.prevent="showLikes()">{{ count(status.favourites_count - 1) }} others</a>
 					</span>
diff --git a/resources/assets/components/partials/profile/ProfileHoverCard.vue b/resources/assets/components/partials/profile/ProfileHoverCard.vue
index edafe3af7..c1bbff7a2 100644
--- a/resources/assets/components/partials/profile/ProfileHoverCard.vue
+++ b/resources/assets/components/partials/profile/ProfileHoverCard.vue
@@ -45,7 +45,6 @@
 					:href="profile.url"
 					@click.prevent="goToProfile()"
 					v-html="getDisplayName()">
-					{{ profile.display_name ? profile.display_name : profile.username }}
 				</a>
 			</p>
 
diff --git a/resources/assets/js/components/ComposeModal.vue b/resources/assets/js/components/ComposeModal.vue
index fd18b0fc9..9ca6e0419 100644
--- a/resources/assets/js/components/ComposeModal.vue
+++ b/resources/assets/js/components/ComposeModal.vue
@@ -29,7 +29,7 @@
 						<div v-for="(m, index) in cameraRollMedia" :class="[index == 0 ? 'col-12 p-0' : 'col-3 p-0']">
 							<div class="card info-overlay p-0 rounded-0 shadow-none border">
 								<div class="square">
-									<img class="square-content" :src="m.preview_url"></img>
+									<img class="square-content" :src="m.preview_url" />
 								</div>
 							</div>
 						</div>
diff --git a/resources/assets/js/components/PortfolioSettings.vue b/resources/assets/js/components/PortfolioSettings.vue
index 6b1fbde8a..cd36cd072 100644
--- a/resources/assets/js/components/PortfolioSettings.vue
+++ b/resources/assets/js/components/PortfolioSettings.vue
@@ -238,7 +238,7 @@
                 	</div>
                 </div>
 
-                <div v-else-if="tabIndex === 'Share'" class="col-12 col-md-8 bg-dark mt-3 py-2 rounded" key="0">
+                <div v-else-if="tabIndex === 'Share'" class="col-12 col-md-8 bg-dark mt-3 py-2 rounded" key="3">
                     <div class="py-2">
                         <p class="text-muted">Portfolio URL</p>
                         <p class="lead mb-0"><a :href="settings.url">{{ settings.url }}</a></p>
diff --git a/resources/assets/js/components/partials/CommentFeed.vue b/resources/assets/js/components/partials/CommentFeed.vue
index ee29e7c69..f471228e8 100644
--- a/resources/assets/js/components/partials/CommentFeed.vue
+++ b/resources/assets/js/components/partials/CommentFeed.vue
@@ -18,8 +18,8 @@
 							</div>
 						</div>
 
-						<div v-if="composeText" class="reply-options" v-model="visibility">
-							<select class="form-control form-control-sm rounded-pill font-weight-bold">
+						<div v-if="composeText" class="reply-options">
+							<select class="form-control form-control-sm rounded-pill font-weight-bold" v-model="visibility">
 								<option value="public">Public</option>
 								<option value="private">Followers Only</option>
 							</select>
diff --git a/resources/assets/js/components/partials/StatusCard.vue b/resources/assets/js/components/partials/StatusCard.vue
index 7bb2f6697..1efa6e2eb 100644
--- a/resources/assets/js/components/partials/StatusCard.vue
+++ b/resources/assets/js/components/partials/StatusCard.vue
@@ -8,7 +8,6 @@
 					<div class="media-body">
 						<div class="pl-2 d-flex align-items-top">
 							<a class="username font-weight-bold text-dark text-decoration-none text-break" v-bind:href="profileUrl(status)" v-html="statusCardUsernameFormat(status)">
-								Loading...
 							</a>
 							<span class="px-1 text-lighter">
 								·
@@ -61,7 +60,6 @@
 				</div>
 				<div class="pl-2">
 					<a class="username font-weight-bold text-dark text-decoration-none text-break" v-bind:href="profileUrl(status)" v-html="statusCardUsernameFormat(status)">
-						Loading...
 					</a>
 					<span v-if="status.account.is_admin" class="fa-stack" title="Admin Account" data-toggle="tooltip" style="height:1em; line-height:1em; max-width:19px;">
 						<i class="fas fa-certificate text-danger fa-stack-1x"></i>