Feat: #9 コミュニティの作成 / Chg: 選択可能な要素 / Enhance: RouterViewのkey / Del: canReloadTitle / Enhance: CSSの>を使用しない子要素セレクタを廃止 / Feat: 自動更新するメッセージの相対時刻

packages/frontend/src/routes/community/channel.vue

@@ -126,7 +126,7 @@ import { account, presentCommunity, serverInfo } from "@/lib/account";
 import client from "@/lib/client";
 import { createModal, createTopNotice } from "@/lib/modal";
 import GoHomeError from "@/components/Modal/GoHomeError.vue";
-import { ref } from "vue";
+import { onMounted, provide, ref } from "vue";
 import Progress from "@/components/Progress.vue";
 import { title } from "@/lib/router";
 import type ApiMap from "lynqchat-js/1.0.0-alpha.0/map";
@@ -325,6 +325,14 @@ const deleteMessage = (data: { id: string }) => {
     messages.value = messages.value.toSpliced(index, 1);
 }
 
+const now = ref(new Date());
+onMounted(() => {
+  setInterval(() =>
+    now.value = new Date()
+  , 1000);
+});
+provide("now", now);
+
 (async () => {
   isProcessing.value = true;