feat: show software versions on hovering over instance tickers (close #31)

README.md

@@ -17,6 +17,8 @@
 
 ## 細かい変更点
 
+- インスタンスティッカーのツールチップにソフトウェアのバージョン番号も表示する
+  - 気になるから
 - いいねボタン（リアクションピッカーの左にある、⭐とか👍のリアクションをワンクリックで押せるやつ）で空のリアクション（Mastodon がふぁぼで送ってくるものと同じ）ではなく本当にその絵文字リアクション（⭐とか👍とか）を送るようにする
   - 最新の Misskey ではデフォルトリアクションが❤️になったため空のリアクションを送ると❤️として表示されてしまうが、❤️は ℒℴ𝓋ℯ... という気持ちを伝えるためのリアクションであってただの「いいね」とは異なるため、このボタンで❤️は送りたくないから
 - 通知の表示を簡潔にする

packages/client/src/components/MkInstanceTicker.vue

@@ -1,7 +1,9 @@
 <template>
 	<div
 		class="hpaizdrt"
-		v-tooltip="capitalize(instance.softwareName)"
+		v-tooltip="
+			`${capitalize(instance.softwareName)} ${instance.softwareVersion}`
+		"
 		ref="ticker"
 		:style="bg"
 	>
@@ -21,6 +23,7 @@ const props = defineProps<{
 		name: string;
 		themeColor?: string;
 		softwareName?: string;
+		softwareVersion?: string;
 	};
 }>();
 
@@ -36,6 +39,7 @@ const instance = props.instance ?? {
 		) as HTMLMetaElement
 	)?.content,
 	softwareName: Instance.softwareName || "Firefish",
+	softwareVersion: Instance.softwareVersion,
 };
 
 const capitalize = (s: string) => s && s[0].toUpperCase() + s.slice(1);