merge cmt

public/index.html

@@ -16,6 +16,29 @@
 		<script src="chunk-vendors.js"></script>
 		<script src="app.js"></script>
 		<script async src="https://embed.bsky.app/static/embed.js" charset="utf-8"></script>
+
+		<link href="https://syui.ai/js/comment/app.js" rel="preload" as="script">
+		<link href="https://syui.ai/js/comment/chunk-vendors.js" rel="preload" as="script">
+		<div id="comment"></div>
+		<script src="https://syui.ai/js/comment/chunk-vendors.js"></script>
+		<script src="https://syui.ai/js/comment/app.js"></script>
+
+		<div class="page_title" v-if="loc === ''" >
+			<div class="page_data">
+				<table>
+					<tbody>
+						<tr>
+							<th class="row">
+								<a href="https://yui.syui.ai"><span class="icon-ai"></span></a>
+							</th>
+							<td>yui</td>
+							<td>不思議な力を持つアイの話</td>
+						</tr>
+					</tbody>
+				</table>
+			</div>
+		</div>
+
 	</body>
 	<footer>© syui</footer>
 </html>

src/App.vue

@@ -59,49 +59,6 @@
 		<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"></blockquote>
-				<button class="comment_open" v-on:click="comment_open = !comment_open"><i class="fa-solid fa-chevron-down"></i></button>
-			</div>
-		</div>
-
-		<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') }}
-						</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>
-			<div class="comment_open"><button class="comment_open" v-on:click="comment_open = !comment_open"><i class="fa-solid fa-chevron-up"></i></button></div>
-		</div>
-	</div>
-
-	<div class="page_title" v-if="loc === ''" >
-		<div class="page_data">
-			<table>
-					<tbody>
-						<tr>
-							<th class="row">
-								<a href="https://yui.syui.ai"><span class="icon-ai"></span></a>
-							</th>
-							<td>yui</td>
-							<td>不思議な力を持つアイの話</td>
-						</tr>
-					</tbody>
-				</table>
 			</div>
 		</div>