fix

src/App.vue

@@ -14,7 +14,6 @@
 			<hooper-pagination slot="hooper-addons"></hooper-pagination>
 			<hooper-progress slot="hooper-addons"></hooper-progress>
 		</hooper>
-
 		<!--
 		<div class="page">
 			<a :href="this.url + this.s_a"><img :src="url + 'manga/' + this.s_a + '.webp'" v-on:click="page_run(s_a)"></a>
@@ -59,7 +58,7 @@
 
 		<div class="comment" v-if="loc === ''">
 			<div class="bsky_comment_embed">
-				<blockquote class="bluesky-embed" data-bluesky-uri="at://did:plc:4hqjfn7m6n5hno3doamuhgef/app.bsky.feed.post/3kp5qn72s232q" data-bluesky-cid="bafyreiewdfyh6rywpkdzpmf5markqa6tavc5smc32q7cw2wpwbqik5hnfm"><p lang="ja">comment</p>&mdash; ai (<a href="https://bsky.app/profile/did:plc:4hqjfn7m6n5hno3doamuhgef?ref_src=embed">@yui.syui.ai</a>) <a href="https://bsky.app/profile/did:plc:4hqjfn7m6n5hno3doamuhgef/post/3kp5qn72s232q?ref_src=embed">Apr 2, 2024 at 23:09</a></blockquote>
+				<blockquote class="bluesky-embed" data-bluesky-uri="at://did:plc:4hqjfn7m6n5hno3doamuhgef/app.bsky.feed.post/3kp5qn72s232q" data-bluesky-cid="bafyreiewdfyh6rywpkdzpmf5markqa6tavc5smc32q7cw2wpwbqik5hnfm"></blockquote>
 				<button class="comment_open" v-on:click="comment_open = !comment_open"><i class="fa-solid fa-chevron-down"></i></button>
 			</div>
 		</div>
@@ -67,12 +66,22 @@
 		<div class="comment" v-if="loc === ''">
 			<div class="bsky_comment" v-if="comment_open == false">
 			</div>
-
 			<div class="bsky_comment" v-else-if="api_json">
 				<span v-for="i in api_json.data" class="comment">
+					<!--
+					<blockquote class="bluesky-embed" :data-bluesky-uri="i.uri" :data-bluesky-cid="i.cid"></blockquote>
+					-->
 					<p class="comment-body" v-if="i">
+						<span v-if="i.did.replace('did:plc:', '') != ''">
 							{{ axios_check('/icon/' + i.did.replace('did:plc:', '') + '.jpg') }}
-						<img :src="'/icon/' + i.did.replace('did:plc:', '') + '.jpg'" v-if="url_check" class="comment"/><img :src="i.avatar" v-else-if="i.avatar" class="comment"/>  <span class="comment-time" v-if="i.updated_at"><a :href="i.bsky_url" v-if="i.bsky_url">{{ moment(i.updated_at) }}</a></span> <span class="comment-handle" v-if="i.handle"><a :href="'https://' + i.bsky_url.split('/').slice(2,5).join('/')" v-if="i.bsky_url">@{{ i.handle.replace('.bsky.social', '') }}</a></span>
+						</span>
+						<span v-if="url_check == true && i.did.replace('did:plc:', '') != ''">
+							<img :src="'/icon/' + i.did.replace('did:plc:', '') + '.jpg'" class="comment"/>
+						</span>
+						<span v-else-if="i.avatar">
+							<img :src="i.avatar" class="comment"/>
+						</span>
+						<span class="comment-time" v-if="i.updated_at"><a :href="i.bsky_url" v-if="i.bsky_url">{{ moment(i.updated_at) }}</a></span> <span class="comment-handle" v-if="i.handle"><a :href="'https://' + i.bsky_url.split('/').slice(2,5).join('/')" v-if="i.bsky_url">@{{ i.handle.replace('.bsky.social', '') }}</a></span>
 						<span class="comment-text" v-if="i.text">{{ i.text }}</span>
 					</p>
 			</span>
@@ -139,6 +148,7 @@ export default {
 					comment_open: false,
 					comment_first: null,
 					loading: true,
+					avatar_url: "",
 					f: null,
 					url_check: true,
 					url: "/",
@@ -168,8 +178,13 @@ export default {
 			},
 			axios_check(url) {
 				axios.get(url)
+					.then(response => { 
+						this.avatar_url = url;
+						this.url_check = true
+					})
 					.catch(error => {
 						this.url_check = false;
+						this.avatar_url = "/icon/ai.jpg"
 					});
 			}
 		},