feat: make cat avatars rounded (close #47)

Co-authored-by: naskya <m@naskya.net>

README.md

@@ -17,6 +17,8 @@
 
 ## 細かい変更点
 
+- 猫のアカウントはアイコンを常に丸く表示する
+  - そのほうがかわいいため
 - 閲覧注意の投稿への返信で注釈の先頭に "re:" をつける設定を追加
   - 返信で閲覧注意は維持したいけどそのままの注釈を用いるのには違和感を覚えることがよくあるため
 - NSFW メディアを隠す設定をブラウザごとの設定からブラウザごとかつアカウントごとの設定に変更

locales/en-US.yml

@@ -896,7 +896,7 @@ customCssWarn: "This setting should only be used if you know what it does. Enter
   improper values may cause the client to stop functioning normally."
 global: "Global"
 recommended: "Recommended"
-squareAvatars: "Display squared avatars"
+squareAvatars: "Display squared avatars for non-cats"
 seperateRenoteQuote: "Separate boost and quote buttons"
 sent: "Sent"
 received: "Received"

locales/ja-JP.yml

@@ -815,7 +815,7 @@ customCss: "カスタムCSS"
 customCssWarn: "この設定は必ず知識のある方が行ってください。不適切な設定を行うとクライアントが正常に使用できなくなる恐れがあります。"
 global: "グローバル"
 recommended: "推奨"
-squareAvatars: "アイコンを四角形で表示"
+squareAvatars: "猫でないアカウントのアイコンを四角形で表示"
 seperateRenoteQuote: "ブーストと引用のボタンを分ける"
 sent: "送信"
 received: "受信"

packages/client/src/components/global/MkAvatar.vue

@@ -3,7 +3,7 @@
 		v-if="disableLink"
 		v-user-preview="disablePreview ? undefined : user.id"
 		class="eiwwqkts _noSelect"
-		:class="{ cat: user.isCat, square: $store.state.squareAvatars }"
+		:class="{ cat: user.isCat, square: user.isCat ? false : $store.state.squareAvatars }"
 		:style="{ color }"
 		:title="acct(user)"
 		@click="onClick"
@@ -19,7 +19,7 @@
 		v-else
 		v-user-preview="disablePreview ? undefined : user.id"
 		class="eiwwqkts _noSelect"
-		:class="{ cat: user.isCat, square: $store.state.squareAvatars }"
+		:class="{ cat: user.isCat, square: user.isCat ? false : $store.state.squareAvatars }"
 		:style="{ color }"
 		:to="userPage(user)"
 		:title="acct(user)"