Merge branch 'develop' of https://github.com/syuilo/misskey into develop

package.json

@@ -120,7 +120,7 @@
 		"broadcast-channel": "3.4.1",
 		"bull": "3.20.1",
 		"cafy": "15.2.1",
-		"cbor": "7.0.1",
+		"cbor": "7.0.3",
 		"chalk": "4.1.0",
 		"chart.js": "2.9.4",
 		"cli-highlight": "2.1.10",
@@ -250,7 +250,7 @@
 		"vue-json-pretty": "1.7.1",
 		"vue-loader": "16.1.2",
 		"vue-prism-editor": "2.0.0-alpha.2",
-		"vue-router": "4.0.3",
+		"vue-router": "4.0.4",
 		"vue-style-loader": "4.1.2",
 		"vuedraggable": "4.0.1",
 		"web-push": "3.4.4",

src/client/components/autocomplete.vue

@@ -401,8 +401,7 @@ export default defineComponent({
 	z-index: 65535;
 	max-width: 100%;
 	margin-top: calc(1em + 8px);
-	overflow: hidden; // overflow: clip; をSafariが対応したら消す
+	overflow: hidden;
-	overflow: clip;
 	transition: top 0.1s ease, left 0.1s ease;
 
 	> ol {
@@ -419,8 +418,7 @@ export default defineComponent({
 			align-items: center;
 			padding: 4px 12px;
 			white-space: nowrap;
-			overflow: hidden; // overflow: clip; をSafariが対応したら消す
+			overflow: hidden;
-			overflow: clip;
 			font-size: 0.9em;
 			cursor: default;
 
@@ -429,8 +427,7 @@ export default defineComponent({
 			}
 
 			* {
-				overflow: hidden; // overflow: clip; をSafariが対応したら消す
+				overflow: hidden;
-				overflow: clip;
 				text-overflow: ellipsis;
 			}
 

src/client/components/channel-preview.vue

@@ -66,8 +66,7 @@ export default defineComponent({
 <style lang="scss" scoped>
 .eftoefju {
 	display: block;
-	overflow: hidden; // overflow: clip; をSafariが対応したら消す
+	overflow: hidden;
-	overflow: clip;
 	width: 100%;
 
 	&:hover {

src/client/components/drive.file.vue

@@ -342,8 +342,7 @@ export default defineComponent({
 		text-align: center;
 		word-break: break-all;
 		color: var(--fg);
-		overflow: hidden; // overflow: clip; をSafariが対応したら消す
+		overflow: hidden;
-		overflow: clip;
 
 		> .ext {
 			opacity: 0.5;

src/client/components/form/input.vue

@@ -261,8 +261,7 @@ export default defineComponent({
 				display: inline-block;
 				min-width: 16px;
 				max-width: 150px;
-				overflow: hidden; // overflow: clip; をSafariが対応したら消す
+				overflow: hidden;
-				overflow: clip;
 				white-space: nowrap;
 				text-overflow: ellipsis;
 			}

src/client/components/form/link.vue

@@ -83,8 +83,7 @@ export default defineComponent({
 		> .text {
 			white-space: nowrap;
 			text-overflow: ellipsis;
-			overflow: hidden; // overflow: clip; をSafariが対応したら消す
+			overflow: hidden;
-			overflow: clip;
 			padding-right: 12px;
 		}
 

src/client/components/global/avatar.vue

@@ -101,8 +101,7 @@ export default defineComponent({
 		top: 0;
 		border-radius: 100%;
 		z-index: 1;
-		overflow: hidden; // overflow: clip; をSafariが対応したら消す
+		overflow: hidden;
-		overflow: clip;
 		object-fit: cover;
 		width: 100%;
 		height: 100%;

src/client/components/global/misskey-flavored-markdown.vue

@@ -126,8 +126,7 @@ export default defineComponent({
 	&.nowrap {
 		white-space: pre;
 		word-wrap: normal; // https://codeday.me/jp/qa/20190424/690106.html
-		overflow: hidden; // overflow: clip; をSafariが対応したら消す
+		overflow: hidden;
-		overflow: clip;
 		text-overflow: ellipsis;
 	}
 

src/client/components/instance-stats.vue

@@ -692,8 +692,7 @@ export default defineComponent({
 
 						> dd {
 							text-overflow: ellipsis;
-							overflow: hidden; // overflow: clip; をSafariが対応したら消す
+							overflow: hidden;
-							overflow: clip;
 							white-space: nowrap;
 						}
 

src/client/components/instance-ticker.vue

@@ -44,8 +44,7 @@ export default defineComponent({
 
 	height: $height;
 	border-radius: 4px 0 0 4px;
-	overflow: hidden; // overflow: clip; をSafariが対応したら消す
+	overflow: hidden;
-	overflow: clip;
 	color: #fff;
 
 	> .icon {

src/client/components/media-banner.vue

@@ -62,8 +62,7 @@ export default defineComponent({
 	width: 100%;
 	border-radius: 4px;
 	margin-top: 4px;
-	overflow: hidden; // overflow: clip; をSafariが対応したら消す
+	overflow: hidden;
-	overflow: clip;
 
 	> .download,
 	> .sensitive {
@@ -78,8 +77,7 @@ export default defineComponent({
 		}
 
 		> b {
-			overflow: hidden; // overflow: clip; をSafariが対応したら消す
+			overflow: hidden;
-			overflow: clip;
 			text-overflow: ellipsis;
 		}
 

src/client/components/media-image.vue

@@ -143,8 +143,7 @@ export default defineComponent({
 	> a {
 		display: block;
 		cursor: zoom-in;
-		overflow: hidden; // overflow: clip; をSafariが対応したら消す
+		overflow: hidden;
-		overflow: clip;
 		width: 100%;
 		height: 100%;
 		background-position: center;

src/client/components/media-list.vue

@@ -105,8 +105,7 @@ export default defineComponent({
 			grid-gap: 4px;
 
 			> * {
-				overflow: hidden; // overflow: clip; をSafariが対応したら消す
+				overflow: hidden;
-				overflow: clip;
 				border-radius: 6px;
 			}
 

src/client/components/media-video.vue

@@ -78,8 +78,7 @@ export default defineComponent({
 		align-items: center;
 
 		font-size: 3.5em;
-		overflow: hidden; // overflow: clip; をSafariが対応したら消す
+		overflow: hidden;
-		overflow: clip;
 		background-position: center;
 		background-size: cover;
 		width: 100%;

src/client/components/note-detailed.vue

@@ -886,8 +886,7 @@ export default defineComponent({
 .note {
 	position: relative;
 	transition: box-shadow 0.1s ease;
-	overflow: hidden; // overflow: clip; をSafariが対応したら消す
+	overflow: hidden;
-	overflow: clip;
 	contain: content;
 
 	&:focus-visible {
@@ -947,8 +946,7 @@ export default defineComponent({
 		}
 
 		> span {
-			overflow: hidden; // overflow: clip; をSafariが対応したら消す
+			overflow: hidden;
-			overflow: clip;
 			flex-shrink: 1;
 			text-overflow: ellipsis;
 			white-space: nowrap;

src/client/components/note-header.vue

@@ -61,8 +61,7 @@ export default defineComponent({
 		display: block;
 		margin: 0 .5em 0 0;
 		padding: 0;
-		overflow: hidden; // overflow: clip; をSafariが対応したら消す
+		overflow: hidden;
-		overflow: clip;
 		font-size: 1em;
 		font-weight: bold;
 		text-decoration: none;
@@ -91,8 +90,7 @@ export default defineComponent({
 
 	> .username {
 		margin: 0 .5em 0 0;
-		overflow: hidden; // overflow: clip; をSafariが対応したら消す
+		overflow: hidden;
-		overflow: clip;
 		text-overflow: ellipsis;
 	}
 

src/client/components/note-preview.vue

@@ -50,8 +50,7 @@ export default defineComponent({
 	display: flex;
 	margin: 0;
 	padding: 0;
-	overflow: hidden; // overflow: clip; をSafariが対応したら消す
+	overflow: hidden;
-	overflow: clip;
 	font-size: 0.95em;
 
 	> .avatar {

src/client/components/note.vue

@@ -861,8 +861,7 @@ export default defineComponent({
 .tkcbzcuz {
 	position: relative;
 	transition: box-shadow 0.1s ease;
-	overflow: hidden; // overflow: clip; をSafariが対応したら消す
+	overflow: hidden;
-	overflow: clip;
 	contain: content;
 
 	// これらの指定はパフォーマンス向上には有効だが、ノートの高さは一定でないため、
@@ -949,8 +948,7 @@ export default defineComponent({
 		}
 
 		> span {
-			overflow: hidden; // overflow: clip; をSafariが対応したら消す
+			overflow: hidden;
-			overflow: clip;
 			flex-shrink: 1;
 			text-overflow: ellipsis;
 			white-space: nowrap;
@@ -1022,8 +1020,7 @@ export default defineComponent({
 					&.collapsed {
 						position: relative;
 						max-height: 9em;
-						overflow: hidden; // overflow: clip; をSafariが対応したら消す
+						overflow: hidden;
-						overflow: clip;
 
 						> .fade {
 							display: block;

src/client/components/notification.vue

@@ -257,8 +257,7 @@ export default defineComponent({
 				text-overflow: ellipsis;
 				white-space: nowrap;
 				min-width: 0;
-				overflow: hidden; // overflow: clip; をSafariが対応したら消す
+				overflow: hidden;
-				overflow: clip;
 			}
 
 			> .time {
@@ -269,8 +268,7 @@ export default defineComponent({
 
 		> .text {
 			white-space: nowrap;
-			overflow: hidden; // overflow: clip; をSafariが対応したら消す
+			overflow: hidden;
-			overflow: clip;
 			text-overflow: ellipsis;
 
 			> [data-icon] {

src/client/components/poll.vue

@@ -112,8 +112,7 @@ export default defineComponent({
 			padding: 4px 8px;
 			border: solid 1px var(--divider);
 			border-radius: 4px;
-			overflow: hidden; // overflow: clip; をSafariが対応したら消す
+			overflow: hidden;
-			overflow: clip;
 			cursor: pointer;
 
 			&:hover {

src/client/components/post-form-attaches.vue

@@ -127,8 +127,7 @@ export default defineComponent({
 			height: 64px;
 			margin-right: 4px;
 			border-radius: 4px;
-			overflow: hidden; // overflow: clip; をSafariが対応したら消す
+			overflow: hidden;
-			overflow: clip;
 			cursor: move;
 
 			&:hover > .remove {

src/client/components/sidebar.vue

@@ -390,8 +390,7 @@ export default defineComponent({
 				font-size: $ui-font-size;
 				line-height: 3rem;
 				text-overflow: ellipsis;
-				overflow: hidden; // overflow: clip; をSafariが対応したら消す
+				overflow: hidden;
-				overflow: clip;
 				white-space: nowrap;
 				width: 100%;
 				text-align: left;

src/client/components/toast.vue

@@ -67,8 +67,7 @@ export default defineComponent({
 		height: 100%;
 		box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3);
 		border-radius: 8px;
-		overflow: hidden; // overflow: clip; をSafariが対応したら消す
+		overflow: hidden;
-		overflow: clip;
 	}
 }
 </style>

src/client/components/ui/button.vue

@@ -124,8 +124,7 @@ export default defineComponent({
 	text-decoration: none;
 	background: var(--buttonBg);
 	border-radius: 999px;
-	overflow: hidden; // overflow: clip; をSafariが対応したら消す
+	overflow: hidden;
-	overflow: clip;
 
 	&:not(:disabled):hover {
 		background: var(--buttonHoverBg);
@@ -213,8 +212,7 @@ export default defineComponent({
 		width: 100%;
 		height: 100%;
 		border-radius: 6px;
-		overflow: hidden; // overflow: clip; をSafariが対応したら消す
+		overflow: hidden;
-		overflow: clip;
 
 		::v-deep(div) {
 			position: absolute;

src/client/components/ui/container.vue

@@ -116,8 +116,7 @@ export default defineComponent({
 
 .ukygtjoj {
 	position: relative;
-	overflow: hidden; // overflow: clip; をSafariが対応したら消す
+	overflow: hidden;
-	overflow: clip;
 
 	&.naked {
 		background: transparent !important;

src/client/components/ui/input.vue

@@ -298,8 +298,7 @@ export default defineComponent({
 			transform: scale(.75);
 			white-space: nowrap;
 			width: 133%;
-			overflow: hidden; // overflow: clip; をSafariが対応したら消す
+			overflow: hidden;
-			overflow: clip;
 			text-overflow: ellipsis;
 
 			> .warning {
@@ -355,8 +354,7 @@ export default defineComponent({
 				display: inline-block;
 				min-width: 16px;
 				max-width: 150px;
-				overflow: hidden; // overflow: clip; をSafariが対応したら消す
+				overflow: hidden;
-				overflow: clip;
 				white-space: nowrap;
 				text-overflow: ellipsis;
 			}

src/client/components/ui/menu.vue

@@ -155,8 +155,7 @@ export default defineComponent({
 		font-size: 0.9em;
 		line-height: 20px;
 		text-align: center;
-		overflow: hidden; // overflow: clip; をSafariが対応したら消す
+		overflow: hidden;
-		overflow: clip;
 		text-overflow: ellipsis;
 
 		&.danger {

src/client/components/ui/modal-window.vue

@@ -89,8 +89,7 @@ export default defineComponent({
 
 <style lang="scss" scoped>
 .ebkgoccj {
-	overflow: hidden; // overflow: clip; をSafariが対応したら消す
+	overflow: hidden;
-	overflow: clip;
 	display: flex;
 	flex-direction: column;
 	contain: content;
@@ -124,8 +123,7 @@ export default defineComponent({
 			padding-left: 32px;
 			font-weight: bold;
 			white-space: nowrap;
-			overflow: hidden; // overflow: clip; をSafariが対応したら消す
+			overflow: hidden;
-			overflow: clip;
 			text-overflow: ellipsis;
 			pointer-events: none;
 

src/client/components/ui/range.vue

@@ -89,8 +89,7 @@ export default defineComponent({
 		pointer-events: none;
 		font-size: 16px;
 		color: var(--inputLabel);
-		overflow: hidden; // overflow: clip; をSafariが対応したら消す
+		overflow: hidden;
-		overflow: clip;
 	}
 
 	> input {

src/client/components/ui/window.vue

@@ -402,8 +402,7 @@ export default defineComponent({
 	}
 
 	> .body {
-		overflow: hidden; // overflow: clip; をSafariが対応したら消す
+		overflow: hidden;
-		overflow: clip;
 		display: flex;
 		flex-direction: column;
 		contain: content;
@@ -438,8 +437,7 @@ export default defineComponent({
 				position: relative;
 				line-height: var(--height);
 				white-space: nowrap;
-				overflow: hidden; // overflow: clip; をSafariが対応したら消す
+				overflow: hidden;
-				overflow: clip;
 				text-overflow: ellipsis;
 				text-align: center;
 				cursor: move;

src/client/components/url-preview.vue

@@ -244,8 +244,7 @@ export default defineComponent({
 		font-size: 14px;
 		box-shadow: 0 0 0 1px var(--divider);
 		border-radius: 8px;
-		overflow: hidden; // overflow: clip; をSafariが対応したら消す
+		overflow: hidden;
-		overflow: clip;
 
 		&:hover {
 			text-decoration: none;
@@ -327,8 +326,7 @@ export default defineComponent({
 		&.compact {
 			> article {
 				> header h1, p, footer {
-					overflow: hidden; // overflow: clip; をSafariが対応したら消す
+					overflow: hidden;
-					overflow: clip;
 					white-space: nowrap;
 					text-overflow: ellipsis;
 				}

src/client/components/user-info.vue

@@ -110,8 +110,7 @@ export default defineComponent({
 			display: -webkit-box;
 			-webkit-line-clamp: 3;
 			-webkit-box-orient: vertical;  
-			overflow: hidden; // overflow: clip; をSafariが対応したら消す
+			overflow: hidden;
-			overflow: clip;
 		}
 	}
 

src/client/components/user-preview.vue

@@ -111,8 +111,7 @@ export default defineComponent({
 	position: absolute;
 	z-index: 11000;
 	width: 300px;
-	overflow: hidden; // overflow: clip; をSafariが対応したら消す
+	overflow: hidden;
-	overflow: clip;
 	transform-origin: center top;
 
 	> .info {

src/client/components/users-dialog.vue

@@ -66,8 +66,7 @@ export default defineComponent({
 	height: 350px;
 	background: var(--panel);
 	border-radius: var(--radius);
-	overflow: hidden; // overflow: clip; をSafariが対応したら消す
+	overflow: hidden;
-	overflow: clip;
 	display: flex;
 	flex-direction: column;
 
@@ -128,8 +127,7 @@ export default defineComponent({
 
 			> .body {
 				padding: 0 8px;
-				overflow: hidden; // overflow: clip; をSafariが対応したら消す
+				overflow: hidden;
-				overflow: clip;
 
 				> .name {
 					display: block;

src/client/components/visibility-picker.vue

@@ -141,8 +141,7 @@ export default defineComponent({
 		> *:nth-child(2) {
 			flex: 1 1 auto;
 			white-space: nowrap;
-			overflow: hidden; // overflow: clip; をSafariが対応したら消す
+			overflow: hidden;
-			overflow: clip;
 			text-overflow: ellipsis;
 
 			> span:first-child {

src/client/pages/about-misskey.vue

@@ -1,5 +1,5 @@
 <template>
-<div style="overflow: hidden; overflow: clip;">
+<div style="overflow: hidden;">
 	<FormBase class="znqjceqz">
 		<div id="debug"></div>
 		<section class="_formItem about">

src/client/pages/follow-requests.vue

@@ -104,8 +104,7 @@ export default defineComponent({
 					display: block;
 					white-space: nowrap;
 					text-overflow: ellipsis;
-					overflow: hidden; // overflow: clip; をSafariが対応したら消す
+					overflow: hidden;
-					overflow: clip;
 					margin: 0;
 				}
 
@@ -125,8 +124,7 @@ export default defineComponent({
 				width: 55%;
 				line-height: 42px;
 				white-space: nowrap;
-				overflow: hidden; // overflow: clip; をSafariが対応したら消す
+				overflow: hidden;
-				overflow: clip;
 				text-overflow: ellipsis;
 				opacity: 0.7;
 				font-size: 14px;

src/client/pages/instance/emojis.vue

@@ -178,20 +178,17 @@ export default defineComponent({
 					> .body {
 						padding: 0 0 0 8px;
 						white-space: nowrap;
-						overflow: hidden; // overflow: clip; をSafariが対応したら消す
+						overflow: hidden;
-						overflow: clip;
 
 						> .name {
 							text-overflow: ellipsis;
-							overflow: hidden; // overflow: clip; をSafariが対応したら消す
+							overflow: hidden;
-							overflow: clip;
 						}
 
 						> .info {
 							opacity: 0.5;
 							text-overflow: ellipsis;
-							overflow: hidden; // overflow: clip; をSafariが対応したら消す
+							overflow: hidden;
-							overflow: clip;
 						}
 					}
 				}
@@ -222,20 +219,17 @@ export default defineComponent({
 					> .body {
 						padding: 0 0 0 8px;
 						white-space: nowrap;
-						overflow: hidden; // overflow: clip; をSafariが対応したら消す
+						overflow: hidden;
-						overflow: clip;
 
 						> .name {
 							text-overflow: ellipsis;
-							overflow: hidden; // overflow: clip; をSafariが対応したら消す
+							overflow: hidden;
-							overflow: clip;
 						}
 
 						> .info {
 							opacity: 0.5;
 							text-overflow: ellipsis;
-							overflow: hidden; // overflow: clip; をSafariが対応したら消す
+							overflow: hidden;
-							overflow: clip;
 						}
 					}
 				}

src/client/pages/messaging/index.vue

@@ -226,14 +226,12 @@ export default defineComponent({
 					align-items: center;
 					margin-bottom: 2px;
 					white-space: nowrap;
-					overflow: hidden; // overflow: clip; をSafariが対応したら消す
+					overflow: hidden;
-					overflow: clip;
 
 					> .name {
 						margin: 0;
 						padding: 0;
-						overflow: hidden; // overflow: clip; をSafariが対応したら消す
+						overflow: hidden;
-						overflow: clip;
 						text-overflow: ellipsis;
 						font-size: 1em;
 						font-weight: bold;
@@ -264,8 +262,7 @@ export default defineComponent({
 						display: block;
 						margin: 0 0 0 0;
 						padding: 0;
-						overflow: hidden; // overflow: clip; をSafariが対応したら消す
+						overflow: hidden;
-						overflow: clip;
 						overflow-wrap: break-word;
 						font-size: 1.1em;
 						color: var(--faceText);

src/client/pages/messaging/messaging-room.message.vue

@@ -154,8 +154,7 @@ export default defineComponent({
 					display: block;
 					margin: 0;
 					padding: 0;
-					overflow: hidden; // overflow: clip; をSafariが対応したら消す
+					overflow: hidden;
-					overflow: clip;
 					overflow-wrap: break-word;
 					font-size: 1em;
 					color: rgba(#000, 0.5);
@@ -165,8 +164,7 @@ export default defineComponent({
 					display: block;
 					margin: 0;
 					padding: 12px 18px;
-					overflow: hidden; // overflow: clip; をSafariが対応したら消す
+					overflow: hidden;
-					overflow: clip;
 					overflow-wrap: break-word;
 					word-break: break-word;
 					font-size: 1em;
@@ -184,8 +182,7 @@ export default defineComponent({
 						display: block;
 						max-width: 100%;
 						border-radius: 16px;
-						overflow: hidden; // overflow: clip; をSafariが対応したら消す
+						overflow: hidden;
-						overflow: clip;
 						text-decoration: none;
 
 						&:hover {

src/client/pages/page-editor/page-editor.container.vue

@@ -74,8 +74,7 @@ export default defineComponent({
 <style lang="scss" scoped>
 .cpjygsrt {
 	position: relative;
-	overflow: hidden; // overflow: clip; をSafariが対応したら消す
+	overflow: hidden;
-	overflow: clip;
 	background: var(--panel);
 	border: solid 2px var(--X12);
 	border-radius: 6px;

src/client/pages/reversi/game.board.vue

@@ -434,8 +434,7 @@ export default defineComponent({
 				> div {
 					background: transparent;
 					border-radius: 6px;
-					overflow: hidden; // overflow: clip; をSafariが対応したら消す
+					overflow: hidden;
-					overflow: clip;
 
 					* {
 						pointer-events: none;

src/client/pages/reversi/game.setting.vue

@@ -333,8 +333,7 @@ export default defineComponent({
 							background: transparent;
 							border: solid 2px var(--divider);
 							border-radius: 6px;
-							overflow: hidden; // overflow: clip; をSafariが対応したら消す
+							overflow: hidden;
-							overflow: clip;
 							cursor: pointer;
 
 							* {

src/client/pages/settings/drive.vue

@@ -230,8 +230,7 @@ export default defineComponent({
 			$size: 12px;
 			background: rgba(0, 0, 0, 0.1);
 			border-radius: ($size / 2);
-			overflow: hidden; // overflow: clip; をSafariが対応したら消す
+			overflow: hidden;
-			overflow: clip;
 
 			> div {
 				height: $size;

src/client/pages/settings/security.vue

@@ -144,8 +144,7 @@ export default defineComponent({
 			flex: 1;
 			min-width: 0;
 			white-space: nowrap;
-			overflow: hidden; // overflow: clip; をSafariが対応したら消す
+			overflow: hidden;
-			overflow: clip;
 			text-overflow: ellipsis;
 			margin-right: 12px;
 		}

src/client/pages/settings/theme.vue

@@ -184,8 +184,7 @@ export default defineComponent({
 			position: absolute;
 			top: 50%;
 			left: 50%;
-			overflow: hidden; // overflow: clip; をSafariが対応したら消す
+			overflow: hidden;
-			overflow: clip;
 			padding: 0 100px;
 			transform: translate3d(-50%, -50%, 0);
 

src/client/pages/user/index.vue

@@ -369,8 +369,7 @@ export default defineComponent({
 		position: relative;
 		height: 450px;
 		border-radius: 16px;
-		overflow: hidden; // overflow: clip; をSafariが対応したら消す
+		overflow: hidden;
-		overflow: clip;
 		background-size: cover;
 		background-position: center;
 
@@ -473,8 +472,7 @@ export default defineComponent({
 
 					> .name {
 						width: 30%;
-						overflow: hidden; // overflow: clip; をSafariが対応したら消す
+						overflow: hidden;
-						overflow: clip;
 						white-space: nowrap;
 						text-overflow: ellipsis;
 						font-weight: bold;
@@ -482,8 +480,7 @@ export default defineComponent({
 
 					> .value {
 						width: 70%;
-						overflow: hidden; // overflow: clip; をSafariが対応したら消す
+						overflow: hidden;
-						overflow: clip;
 						white-space: nowrap;
 						text-overflow: ellipsis;
 						margin: 0;
@@ -545,8 +542,7 @@ export default defineComponent({
 .ftskorzw.narrow {
 	max-width: 100vw;
 	box-sizing: border-box;
-	overflow: hidden; // overflow: clip; をSafariが対応したら消す
+	overflow: hidden;
-	overflow: clip;
 
 	> .punished {
 		font-size: 0.8em;
@@ -557,14 +553,12 @@ export default defineComponent({
 
 		> .main {
 			position: relative;
-			overflow: hidden; // overflow: clip; をSafariが対応したら消す
+			overflow: hidden;
-			overflow: clip;
 
 			> .banner-container {
 				position: relative;
 				height: 250px;
-				overflow: hidden; // overflow: clip; をSafariが対応したら消す
+				overflow: hidden;
-				overflow: clip;
 				background-size: cover;
 				background-position: center;
 
@@ -709,8 +703,7 @@ export default defineComponent({
 
 					> .name {
 						width: 30%;
-						overflow: hidden; // overflow: clip; をSafariが対応したら消す
+						overflow: hidden;
-						overflow: clip;
 						white-space: nowrap;
 						text-overflow: ellipsis;
 						font-weight: bold;
@@ -719,8 +712,7 @@ export default defineComponent({
 
 					> .value {
 						width: 70%;
-						overflow: hidden; // overflow: clip; をSafariが対応したら消す
+						overflow: hidden;
-						overflow: clip;
 						white-space: nowrap;
 						text-overflow: ellipsis;
 						margin: 0;

src/client/pages/welcome.entrance.a.vue

@@ -167,8 +167,7 @@ export default defineComponent({
 			margin: auto;
 			width: 500px;
 			height: calc(100% - 128px);
-			overflow: hidden; // overflow: clip; をSafariが対応したら消す
+			overflow: hidden;
-			overflow: clip;
 			-webkit-mask-image: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 128px, rgba(0,0,0,1) calc(100% - 128px), rgba(0,0,0,0) 100%);
 			mask-image: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 128px, rgba(0,0,0,1) calc(100% - 128px), rgba(0,0,0,0) 100%);
 

src/client/pages/welcome.entrance.b.vue

@@ -151,8 +151,7 @@ export default defineComponent({
 			margin: auto;
 			width: 500px;
 			height: calc(100% - 128px);
-			overflow: hidden; // overflow: clip; をSafariが対応したら消す
+			overflow: hidden;
-			overflow: clip;
 			-webkit-mask-image: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 128px, rgba(0,0,0,1) calc(100% - 128px), rgba(0,0,0,0) 100%);
 			mask-image: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 128px, rgba(0,0,0,1) calc(100% - 128px), rgba(0,0,0,0) 100%);
 		}

src/client/pages/welcome.setup.vue

@@ -71,8 +71,7 @@ export default defineComponent({
 .mk-setup {
 	border-radius: var(--radius);
 	box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
-	overflow: hidden; // overflow: clip; をSafariが対応したら消す
+	overflow: hidden;
-	overflow: clip;
 
 	> h1 {
 		margin: 0;

src/client/style.scss

@@ -241,8 +241,7 @@ hr {
 	border-radius: var(--radius);
 	//border: var(--panelBorder);
 	box-shadow: var(--panelShadow);
-	overflow: hidden; // overflow: clip; をSafariが対応したら消す
+	overflow: hidden;
-	overflow: clip;
 }
 
 ._card {
@@ -458,14 +457,6 @@ hr {
 	opacity: 0.7;
 }
 
-// TODO: refactor: 全てのvueファイル中の text-overflow: ellipsis; している箇所をこのクラスを使って置き換える
-._oneline {
-	white-space: nowrap;
-	overflow: hidden; // overflow: clip; をSafariが対応したら消す
-	overflow: clip;
-	text-overflow: ellipsis;
-}
-
 ._monospace {
 	font-family: Fira code, Fira Mono, Consolas, Menlo, Courier, monospace;
 }

src/client/ui/_common_/header.vue

@@ -132,8 +132,7 @@ export default defineComponent({
 			display: inline-block;
 			vertical-align: bottom;
 			white-space: nowrap;
-			overflow: hidden; // overflow: clip; をSafariが対応したら消す
+			overflow: hidden;
-			overflow: clip;
 			text-overflow: ellipsis;
 			padding: 0 16px;
 			position: relative;

src/client/ui/_common_/upload.vue

@@ -89,8 +89,7 @@ export default defineComponent({
   font-size: 0.8em;
   white-space: nowrap;
   text-overflow: ellipsis;
-  overflow: hidden; // overflow: clip; をSafariが対応したら消す
+  overflow: hidden;
-	overflow: clip;
   flex-shrink: 1;
 }
 .mk-uploader > ol > li > .top > .name > [data-icon] {
@@ -120,8 +119,7 @@ export default defineComponent({
   background: transparent;
   border: none;
   border-radius: 4px;
-  overflow: hidden; // overflow: clip; をSafariが対応したら消す
+  overflow: hidden;
-	overflow: clip;
   grid-column: 2/3;
   grid-row: 2/3;
   z-index: 2;

src/client/ui/chat/index.vue

@@ -427,8 +427,7 @@ export default defineComponent({
 
 					> .text {
 						white-space: nowrap;
-						overflow: hidden; // overflow: clip; をSafariが対応したら消す
+						overflow: hidden;
-						overflow: clip;
 						text-overflow: ellipsis;
 						font-size: 0.9em;
 					}
@@ -483,8 +482,7 @@ export default defineComponent({
 						padding: 6px 8px;
 						border-radius: 4px;
 						white-space: nowrap;
-						overflow: hidden; // overflow: clip; をSafariが対応したら消す
+						overflow: hidden;
-						overflow: clip;
 						text-overflow: ellipsis;
 
 						&:hover {
@@ -547,8 +545,7 @@ export default defineComponent({
 				}
 
 				> .title {
-					overflow: hidden; // overflow: clip; をSafariが対応したら消す
+					overflow: hidden;
-					overflow: clip;
 					text-overflow: ellipsis;
 					white-space: nowrap;
 					min-width: 0;
@@ -559,8 +556,7 @@ export default defineComponent({
 						font-size: 0.8em;
 						font-weight: normal;
 						white-space: nowrap;
-						overflow: hidden; // overflow: clip; をSafariが対応したら消す
+						overflow: hidden;
-						overflow: clip;
 						text-overflow: ellipsis;
 					}
 				}

src/client/ui/chat/note-header.vue

@@ -62,8 +62,7 @@ export default defineComponent({
 		display: block;
 		margin: 0 .5em 0 0;
 		padding: 0;
-		overflow: hidden; // overflow: clip; をSafariが対応したら消す
+		overflow: hidden;
-		overflow: clip;
 		font-size: 1em;
 		font-weight: bold;
 		text-decoration: none;
@@ -92,8 +91,7 @@ export default defineComponent({
 
 	> .username {
 		margin: 0 .5em 0 0;
-		overflow: hidden; // overflow: clip; をSafariが対応したら消す
+		overflow: hidden;
-		overflow: clip;
 		text-overflow: ellipsis;
 	}
 

src/client/ui/chat/note-preview.vue

@@ -50,8 +50,7 @@ export default defineComponent({
 	display: flex;
 	margin: 0;
 	padding: 0;
-	overflow: hidden; // overflow: clip; をSafariが対応したら消す
+	overflow: hidden;
-	overflow: clip;
 	font-size: 0.95em;
 
 	> .avatar {

src/client/ui/chat/note.vue

@@ -955,8 +955,7 @@ export default defineComponent({
 		}
 
 		> span {
-			overflow: hidden; // overflow: clip; をSafariが対応したら消す
+			overflow: hidden;
-			overflow: clip;
 			flex-shrink: 1;
 			text-overflow: ellipsis;
 			white-space: nowrap;
@@ -1029,8 +1028,7 @@ export default defineComponent({
 					&.collapsed {
 						position: relative;
 						max-height: 9em;
-						overflow: hidden; // overflow: clip; をSafariが対応したら消す
+						overflow: hidden;
-						overflow: clip;
 
 						> .fade {
 							display: block;

src/client/ui/deck/column.vue

@@ -268,8 +268,7 @@ export default defineComponent({
 	--section-padding: 10px;
 
 	height: 100%;
-	overflow: hidden; // overflow: clip; をSafariが対応したら消す
+	overflow: hidden;
-	overflow: clip;
 	contain: content;
 
 	&.draghover {
@@ -359,8 +358,7 @@ export default defineComponent({
 		> .header {
 			display: inline-block;
 			align-items: center;
-			overflow: hidden; // overflow: clip; をSafariが対応したら消す
+			overflow: hidden;
-			overflow: clip;
 			text-overflow: ellipsis;
 			white-space: nowrap;
 		}

src/client/ui/visitor/header.vue

@@ -125,8 +125,7 @@ export default defineComponent({
 					display: inline-block;
 					vertical-align: bottom;
 					white-space: nowrap;
-					overflow: hidden; // overflow: clip; をSafariが対応したら消す
+					overflow: hidden;
-					overflow: clip;
 					text-overflow: ellipsis;
 					position: relative;
 
@@ -207,8 +206,7 @@ export default defineComponent({
 		> .title {
 			flex: 1;
 			white-space: nowrap;
-			overflow: hidden; // overflow: clip; をSafariが対応したら消す
+			overflow: hidden;
-			overflow: clip;
 			text-overflow: ellipsis;
 			position: relative;
 			text-align: center;

src/client/widgets/calendar.vue

@@ -171,8 +171,7 @@ export default defineComponent({
 
 			> .meter {
 				width: 100%;
-				overflow: hidden; // overflow: clip; をSafariが対応したら消す
+				overflow: hidden;
-				overflow: clip;
 				background: var(--X11);
 				border-radius: 8px;
 

src/client/widgets/federation.vue

@@ -89,8 +89,7 @@ export default defineComponent({
 	$bodyInfoHieght: 16px;
 
 	height: (62px + 1px) + (62px + 1px) + (62px + 1px) + (62px + 1px) + 62px;
-	overflow: hidden; // overflow: clip; をSafariが対応したら消す
+	overflow: hidden;
-	overflow: clip;
 
 	> .instances {
 		.chart-move {
@@ -114,8 +113,7 @@ export default defineComponent({
 
 			> .body {
 				flex: 1;
-				overflow: hidden; // overflow: clip; をSafariが対応したら消す
+				overflow: hidden;
-				overflow: clip;
 				font-size: 0.9em;
 				color: var(--fg);
 
@@ -123,8 +121,7 @@ export default defineComponent({
 					display: block;
 					width: 100%;
 					white-space: nowrap;
-					overflow: hidden; // overflow: clip; をSafariが対応したら消す
+					overflow: hidden;
-					overflow: clip;
 					text-overflow: ellipsis;
 					line-height: $bodyTitleHieght;
 				}

src/client/widgets/rss.vue

@@ -80,8 +80,7 @@ export default defineComponent({
 			color: var(--fg);
 			white-space: nowrap;
 			text-overflow: ellipsis;
-			overflow: hidden; // overflow: clip; をSafariが対応したら消す
+			overflow: hidden;
-			overflow: clip;
 
 			&:nth-child(even) {
 				background: rgba(#000, 0.05);

src/client/widgets/trends.vue

@@ -68,8 +68,7 @@ export default defineComponent({
 <style lang="scss" scoped>
 .wbrkwala {
 	height: (62px + 1px) + (62px + 1px) + (62px + 1px) + (62px + 1px) + 62px;
-	overflow: hidden; // overflow: clip; をSafariが対応したら消す
+	overflow: hidden;
-	overflow: clip;
 
 	> .tags {
 		.chart-move {
@@ -84,8 +83,7 @@ export default defineComponent({
 
 			> .tag {
 				flex: 1;
-				overflow: hidden; // overflow: clip; をSafariが対応したら消す
+				overflow: hidden;
-				overflow: clip;
 				font-size: 0.9em;
 				color: var(--fg);
 
@@ -93,8 +91,7 @@ export default defineComponent({
 					display: block;
 					width: 100%;
 					white-space: nowrap;
-					overflow: hidden; // overflow: clip; をSafariが対応したら消す
+					overflow: hidden;
-					overflow: clip;
 					text-overflow: ellipsis;
 					line-height: 18px;
 				}

yarn.lock

@@ -214,6 +214,11 @@
     lodash "^4.17.19"
     to-fast-properties "^2.0.0"
 
+"@cto.af/textdecoder@^0.0.0":
+  version "0.0.0"
+  resolved "https://registry.yarnpkg.com/@cto.af/textdecoder/-/textdecoder-0.0.0.tgz#e1e8d84c936c30a0f4619971f19ca41941af9fdc"
+  integrity sha512-sJpx3F5xcVV/9jNYJQtvimo4Vfld/nD3ph+ZWtQzZ03Zo8rJC7QKQTRcIGS13Rcz80DwFNthCWMrd58vpY4ZAQ==
+
 "@discoveryjs/json-ext@^0.5.0":
   version "0.5.2"
   resolved "https://registry.yarnpkg.com/@discoveryjs/json-ext/-/json-ext-0.5.2.tgz#8f03a22a04de437254e8ce8cc84ba39689288752"
@@ -2390,12 +2395,13 @@ caseless@~0.12.0:
   resolved "https://registry.yarnpkg.com/caseless/-/caseless-0.12.0.tgz#1b681c21ff84033c826543090689420d187151dc"
   integrity sha1-G2gcIf+EAzyCZUMJBolCDRhxUdw=
 
-cbor@7.0.1:
+cbor@7.0.3:
-  version "7.0.1"
+  version "7.0.3"
-  resolved "https://registry.yarnpkg.com/cbor/-/cbor-7.0.1.tgz#b939a0ae1ce9bb76338e1d193ab2ccd9a85d55d0"
+  resolved "https://registry.yarnpkg.com/cbor/-/cbor-7.0.3.tgz#216d292f2aedd1bb61414a8f949b63e4de11b33b"
-  integrity sha512-+SVEDS4B2x9aat+if8rtUbm8WdxArH2/tVKiSD8eCxy7hnVNlESd4EQQM16EOFrUCvSHECscsvq61N1FPejZtw==
+  integrity sha512-Io+lJytjYBJKgJqZQUz2bFaMPj+HtlsnT9kHSUiIJFqzWa05lm5/ycQ+NiZWpks3DR2Fz7j7axiTGeT57w/syg==
   dependencies:
-    nofilter "^2.0.0"
+    "@cto.af/textdecoder" "^0.0.0"
+    nofilter "^2.0.3"
 
 center-align@^0.1.1:
   version "0.1.3"
@@ -7000,10 +7006,12 @@ nodemailer@6.5.0:
   resolved "https://registry.yarnpkg.com/nodemailer/-/nodemailer-6.5.0.tgz#d12c28d8d48778918e25f1999d97910231b175d9"
   integrity sha512-Tm4RPrrIZbnqDKAvX+/4M+zovEReiKlEXWDzG4iwtpL9X34MJY+D5LnQPH/+eghe8DLlAVshHAJZAZWBGhkguw==
 
-nofilter@^2.0.0:
+nofilter@^2.0.3:
-  version "2.0.0"
+  version "2.0.3"
-  resolved "https://registry.yarnpkg.com/nofilter/-/nofilter-2.0.0.tgz#57a2d7c6fcd34dd396f490d6942c4f58640b5823"
+  resolved "https://registry.yarnpkg.com/nofilter/-/nofilter-2.0.3.tgz#f5460f3cb33147005883e3f5d4476239501fa187"
-  integrity sha512-i3ck2PUWBa+trsGGBvwS3msnTowbFei5G++BgpOpT7y7VTrprXphMQP5svTdsMLdttKDZFo+5RqVWRqhmf+BwQ==
+  integrity sha512-FbuXC+lK+GU2+63D1kC1ETiZo+Z7SIi7B+mxKTCH1byrh6WFvfBCN/wpherFz0a0bjGd7EKTst/cz0yLeNngug==
+  dependencies:
+    "@cto.af/textdecoder" "^0.0.0"
 
 noop-logger@^0.1.1:
   version "0.1.1"
@@ -10982,10 +10990,10 @@ vue-prism-editor@2.0.0-alpha.2:
   resolved "https://registry.yarnpkg.com/vue-prism-editor/-/vue-prism-editor-2.0.0-alpha.2.tgz#aa53a88efaaed628027cbb282c2b1d37fc7c5c69"
   integrity sha512-Gu42ba9nosrE+gJpnAEuEkDMqG9zSUysIR8SdXUw8MQKDjBnnNR9lHC18uOr/ICz7yrA/5c7jHJr9lpElODC7w==
 
-vue-router@4.0.3:
+vue-router@4.0.4:
-  version "4.0.3"
+  version "4.0.4"
-  resolved "https://registry.yarnpkg.com/vue-router/-/vue-router-4.0.3.tgz#8b26050c88b2dec7e27a88835f71046b365823ec"
+  resolved "https://registry.yarnpkg.com/vue-router/-/vue-router-4.0.4.tgz#ad9b4b7bbdad622407b4ff189b1646f48c1e9053"
-  integrity sha512-AD1OjtVPyQHTSpoRsEGfPpxRQwhAhxcacOYO3zJ3KNkYP/r09mileSp6kdMQKhZWP2cFsPR3E2M3PZguSN5/ww==
+  integrity sha512-uN6PDEaYdU9aRO7mU+Dkr1uaY49hV3fucEDG/Vre/Qj8ct3RoJS16vcPrvKVzn69zDDjBV5b9Xw7fZA9r6b/Iw==
 
 vue-style-loader@4.1.2:
   version "4.1.2"