Revert "perf?(client): remove needless scoped annotation for style"

This reverts commit ada04c1932.

packages/frontend/src/components/MkAbuseReport.vue

@@ -63,7 +63,7 @@ function resolve() {
 }
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .bcekxzvu {
 	display: flex;
 

packages/frontend/src/components/MkAbuseReportWindow.vue

@@ -58,7 +58,7 @@ function send() {
 }
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .dpvffvvy {
 	--root-margin: 16px;
 }

packages/frontend/src/components/MkAnalogClock.vue

@@ -205,7 +205,7 @@ onBeforeUnmount(() => {
 });
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .mbcofsoe {
 	display: block;
 

packages/frontend/src/components/MkAutocomplete.vue

@@ -376,7 +376,7 @@ onBeforeUnmount(() => {
 });
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .swhvrteh {
 	position: fixed;
 	max-width: 100%;

packages/frontend/src/components/MkButton.vue

@@ -98,7 +98,7 @@ function onMousedown(evt: MouseEvent): void {
 }
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .bghgjjyj {
 	position: relative;
 	z-index: 1; // 他コンポーネントのbox-shadowに隠されないようにするため

packages/frontend/src/components/MkChannelFollowButton.vue

@@ -57,7 +57,7 @@ async function onClick() {
 }
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .hdcaacmi {
 	position: relative;
 	display: inline-block;

packages/frontend/src/components/MkChannelPreview.vue

@@ -50,7 +50,7 @@ const bannerStyle = computed(() => {
 });
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .eftoefju {
 	display: block;
 	overflow: hidden;

packages/frontend/src/components/MkChart.vue

@@ -838,7 +838,7 @@ onMounted(() => {
 /* eslint-enable id-denylist */
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .cbbedffa {
 	position: relative;
 

packages/frontend/src/components/MkChartTooltip.vue

@@ -33,7 +33,7 @@ const emit = defineEmits<{
 }>();
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .qpcyisrl {
 	> .title {
 		margin-bottom: 4px;

packages/frontend/src/components/MkContainer.vue

@@ -140,9 +140,7 @@ export default defineComponent({
 .container-toggle-leave-to {
 	opacity: 0;
 }
-</style>
 
-<style lang="scss">
 .ukygtjoj {
 	position: relative;
 	overflow: clip;

packages/frontend/src/components/MkContextMenu.vue

@@ -69,6 +69,10 @@ function onMousedown(evt: Event) {
 </script>
 
 <style lang="scss" scoped>
+.nvlagfpb {
+	position: absolute;
+}
+
 .fade-enter-active, .fade-leave-active {
 	transition: opacity 0.5s cubic-bezier(0.16, 1, 0.3, 1), transform 0.5s cubic-bezier(0.16, 1, 0.3, 1);
 	transform-origin: left top;
@@ -79,9 +83,3 @@ function onMousedown(evt: Event) {
 	transform: scale(0.9);
 }
 </style>
-
-<style lang="scss">
-.nvlagfpb {
-	position: absolute;
-}
-</style>

packages/frontend/src/components/MkCropperDialog.vue

@@ -133,9 +133,7 @@ onMounted(() => {
 .fade-leave-to {
 	opacity: 0;
 }
-</style>
 
-<style lang="scss">
 .mk-cropper-dialog {
 	display: flex;
 	flex-direction: column;

packages/frontend/src/components/MkCwButton.vue

@@ -34,7 +34,7 @@ const toggle = () => {
 };
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .nrvgflfu {
 	display: inline-block;
 	padding: 4px 8px;

packages/frontend/src/components/MkDialog.vue

@@ -143,7 +143,7 @@ onBeforeUnmount(() => {
 });
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .mk-dialog {
 	position: relative;
 	padding: 32px;

packages/frontend/src/components/MkDigitalClock.vue

@@ -62,7 +62,7 @@ onUnmounted(() => {
 });
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .zjobosdg {
 	> .colon {
 		opacity: 0;

packages/frontend/src/components/MkDrive.file.vue

@@ -176,7 +176,7 @@ async function deleteFile() {
 }
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .ncvczrfv {
 	position: relative;
 	padding: 8px 0 0 0;

packages/frontend/src/components/MkDrive.folder.vue

@@ -264,7 +264,7 @@ function onContextmenu(ev: MouseEvent) {
 }
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .rghtznwe {
 	position: relative;
 	padding: 8px;

packages/frontend/src/components/MkDrive.navFolder.vue

@@ -1,6 +1,5 @@
 <template>
-<div
-	class="drylbebk"
+<div class="drylbebk"
 	:class="{ draghover }"
 	@click="onClick"
 	@dragover.prevent.stop="onDragover"
@@ -131,7 +130,7 @@ function onDrop(ev: DragEvent) {
 }
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .drylbebk {
 	> * {
 		pointer-events: none;

packages/frontend/src/components/MkDrive.vue

@@ -655,7 +655,7 @@ onBeforeUnmount(() => {
 });
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .yfudmmck {
 	display: flex;
 	flex-direction: column;

packages/frontend/src/components/MkDriveFileThumbnail.vue

@@ -53,7 +53,7 @@ const isThumbnailAvailable = computed(() => {
 });
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .zdjebgpv {
 	position: relative;
 	display: flex;

packages/frontend/src/components/MkEmojiPicker.section.vue

@@ -32,5 +32,5 @@ const emit = defineEmits<{
 const shown = ref(!!props.initialShown);
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 </style>

packages/frontend/src/components/MkEmojiPicker.vue

@@ -354,7 +354,7 @@ defineExpose({
 });
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .omfetrab {
 	$pad: 8px;
 

packages/frontend/src/components/MkEmojiPickerDialog.vue

@@ -62,7 +62,7 @@ function opening() {
 }
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .ryghynhb {
 	&.drawer {
 		border-radius: 24px;

packages/frontend/src/components/MkEmojiPickerWindow.vue

@@ -1,6 +1,5 @@
 <template>
-<MkWindow
-	ref="window"
+<MkWindow ref="window"
 	:initial-width="null"
 	:initial-height="null"
 	:can-resize="false"
@@ -35,7 +34,7 @@ function chosen(emoji: any) {
 }
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .omfetrab {
 	$pad: 8px;
 	--eachSize: 40px;

packages/frontend/src/components/MkFeaturedPhotos.vue

@@ -14,7 +14,7 @@ os.api('meta', { detail: true }).then(gotMeta => {
 });
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .xfbouadm {
 	background-position: center;
 	background-size: cover;

packages/frontend/src/components/MkFileListForAdmin.vue

@@ -51,9 +51,7 @@ const props = defineProps<{
 	0% { opacity: 1; }
 	50% { opacity: 0; }
 }
-</style>
 
-<style lang="scss">
 .urempief {
 	margin-top: var(--margin);
 

packages/frontend/src/components/MkFolder.vue

@@ -107,9 +107,7 @@ export default defineComponent({
 .folder-toggle-leave-to {
 	opacity: 0;
 }
-</style>
 
-<style lang="scss">
 .ssazuxis {
 	position: relative;
 
@@ -158,14 +156,4 @@ export default defineComponent({
 		}
 	}
 }
-
-@container (max-width: 500px) {
-	.ssazuxis {
-		> header {
-			> .title {
-				padding: 8px 10px 8px 0;
-			}
-		}
-	}
-}
 </style>

packages/frontend/src/components/MkFollowButton.vue

@@ -109,7 +109,7 @@ onBeforeUnmount(() => {
 });
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .kpoogebi {
 	position: relative;
 	display: inline-block;

packages/frontend/src/components/MkForgotPassword.vue

@@ -1,6 +1,5 @@
 <template>
-<XModalWindow
-	ref="dialog"
+<XModalWindow ref="dialog"
 	:width="370"
 	:height="400"
 	@close="dialog.close()"
@@ -63,7 +62,7 @@ async function onSubmit() {
 }
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .bafeceda {
 	> .main {
 		padding: 24px;

packages/frontend/src/components/MkFormDialog.vue

@@ -120,7 +120,7 @@ export default defineComponent({
 });
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .xkpnjxcv {
 
 }

packages/frontend/src/components/MkGalleryPostPreview.vue

@@ -25,7 +25,7 @@ const props = defineProps<{
 }>();
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .ttasepnz {
 	display: block;
 	position: relative;

packages/frontend/src/components/MkGoogle.vue

@@ -19,7 +19,7 @@ const search = () => {
 };
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .mk-google {
 	display: flex;
 	margin: 8px 0;

packages/frontend/src/components/MkImageViewer.vue

@@ -31,7 +31,7 @@ const emit = defineEmits<{
 const modal = $ref<InstanceType<typeof MkModal>>();
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .xubzgfga {
 	display: flex;
 	flex-direction: column;

packages/frontend/src/components/MkImgWithBlurhash.vue

@@ -45,7 +45,7 @@ onMounted(() => {
 });
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .xubzgfgb {
 	position: relative;
 	width: 100%;

packages/frontend/src/components/MkInfo.vue

@@ -14,7 +14,7 @@ const props = defineProps<{
 }>();
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .fpezltsf {
 	padding: 12px 14px;
 	font-size: 90%;

packages/frontend/src/components/MkKeyValue.vue

@@ -30,7 +30,7 @@ const copy_ = () => {
 };
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .alqyeyti {
 	> .key {
 		font-size: 0.85em;

packages/frontend/src/components/MkLaunchPad.vue

@@ -62,7 +62,7 @@ function close() {
 }
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .szkkfdyq {
 	max-height: 100%;
 	width: min(460px, 100vw);

packages/frontend/src/components/MkLink.vue

@@ -35,7 +35,7 @@ useTooltip($$(el), (showing) => {
 });
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .xlcxczvw {
 	word-break: break-all;
 

packages/frontend/src/components/MkMediaBanner.vue

@@ -50,7 +50,7 @@ onMounted(() => {
 });
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .mk-media-banner {
 	width: 100%;
 	border-radius: 4px;

packages/frontend/src/components/MkMediaImage.vue

@@ -49,7 +49,7 @@ watch(() => props.image, () => {
 });
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .qjewsnkg {
 	position: relative;
 

packages/frontend/src/components/MkMediaList.vue

@@ -101,7 +101,7 @@ const previewable = (file: misskey.entities.DriveFile): boolean => {
 };
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .hoawjimk {
 	> .gird-container {
 		position: relative;

packages/frontend/src/components/MkMediaVideo.vue

@@ -35,7 +35,7 @@ const props = defineProps<{
 const hide = ref((defaultStore.state.nsfw === 'force') ? true : props.video.isSensitive && (defaultStore.state.nsfw !== 'ignore'));
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .kkjnbbplepmiyuadieoenjgutgcmtsvu {
 	position: relative;
 

packages/frontend/src/components/MkMention.vue

@@ -39,7 +39,7 @@ bg.setAlpha(0.1);
 const bgCss = bg.toRgbString();
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .akbvjaqn {
 	display: inline-block;
 	padding: 4px 8px 4px 4px;

packages/frontend/src/components/MkMenu.child.vue

@@ -58,7 +58,7 @@ defineExpose({
 });
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .sfhdhdhr {
 	position: absolute;
 }

packages/frontend/src/components/MkMenu.vue

@@ -186,7 +186,7 @@ onBeforeUnmount(() => {
 });
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .rrevdjwt {
 	padding: 8px 0;
 	box-sizing: border-box;

packages/frontend/src/components/MkModal.vue

@@ -328,9 +328,7 @@ defineExpose({
 		transform: translateY(100%);
 	}
 }
-</style>
 
-<style lang="scss">
 .qzhlnise {
 	> .bg {
 		&.transparent {

packages/frontend/src/components/MkModalPageWindow.vue

@@ -115,7 +115,7 @@ function onContextmenu(ev: MouseEvent) {
 }
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .hrmcaedk {
 	overflow: hidden;
 	display: flex;

packages/frontend/src/components/MkModalWindow.vue

@@ -83,7 +83,7 @@ defineExpose({
 });
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .ebkgoccj {
 	overflow: hidden;
 	display: flex;

packages/frontend/src/components/MkNote.vue

@@ -90,7 +90,7 @@
 		</div>
 	</article>
 </div>
-<div v-else class="tkcbzcuz-muted" @click="muted = false">
+<div v-else class="muted" @click="muted = false">
 	<I18n :src="i18n.ts.userSaysSomething" tag="small">
 		<template #name>
 			<MkA v-user-preview="appearNote.userId" class="name" :to="userPage(appearNote.user)">
@@ -292,7 +292,7 @@ function readPromo() {
 }
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .tkcbzcuz {
 	position: relative;
 	transition: box-shadow 0.1s ease;
@@ -650,7 +650,7 @@ function readPromo() {
 	}
 }
 
-.tkcbzcuz-muted {
+.muted {
 	padding: 8px;
 	text-align: center;
 	opacity: 0.7;

packages/frontend/src/components/MkNoteDetailed.vue

@@ -101,7 +101,7 @@
 	</article>
 	<MkNoteSub v-for="note in replies" :key="note.id" :note="note" class="reply" :detail="true"/>
 </div>
-<div v-else class="_panel lxwezrsl-muted" @click="muted = false">
+<div v-else class="_panel muted" @click="muted = false">
 	<I18n :src="i18n.ts.userSaysSomething" tag="small">
 		<template #name>
 			<MkA v-user-preview="appearNote.userId" class="name" :to="userPage(appearNote.user)">
@@ -295,7 +295,7 @@ if (appearNote.replyId) {
 }
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .lxwezrsl {
 	position: relative;
 	transition: box-shadow 0.1s ease;
@@ -669,7 +669,7 @@ if (appearNote.replyId) {
 	}
 }
 
-.lxwezrsl-muted {
+.muted {
 	padding: 8px;
 	text-align: center;
 	opacity: 0.7;

packages/frontend/src/components/MkNoteHeader.vue

@@ -27,7 +27,7 @@ defineProps<{
 }>();
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .kkwtjztg {
 	display: flex;
 	align-items: baseline;

packages/frontend/src/components/MkNotePreview.vue

@@ -22,7 +22,7 @@ const props = defineProps<{
 }>();
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .fefdfafb {
 	display: flex;
 	margin: 0;

packages/frontend/src/components/MkNoteSimple.vue

@@ -31,7 +31,7 @@ const props = defineProps<{
 const showContent = $ref(false);
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .yohlumlk {
 	display: flex;
 	margin: 0;

packages/frontend/src/components/MkNoteSub.vue

@@ -57,7 +57,7 @@ if (props.detail) {
 }
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .wrpstxzv {
 	padding: 16px 32px;
 	font-size: 0.9em;

packages/frontend/src/components/MkNotes.vue

@@ -36,7 +36,7 @@ defineExpose({
 });
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .giivymft {
 	&.noGap {
 		> .notes {

packages/frontend/src/components/MkNotification.vue

@@ -160,7 +160,7 @@ useTooltip(reactionRef, (showing) => {
 });
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .qglefbjs {
 	position: relative;
 	box-sizing: border-box;

packages/frontend/src/components/MkNotificationToast.vue

@@ -37,9 +37,7 @@ onMounted(() => {
 	opacity: 0;
 	transform: translateX(-250px);
 }
-</style>
 
-<style lang="scss">
 .mk-notification-toast {
 	position: fixed;
 	left: 0;

packages/frontend/src/components/MkNotifications.vue

@@ -97,7 +97,7 @@ onUnmounted(() => {
 });
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .elsfgstc {
 	background: var(--panel);
 }

packages/frontend/src/components/MkNumberDiff.vue

@@ -30,7 +30,7 @@ export default defineComponent({
 });
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .ceaaebcd {
 	&.isPlus {
 		color: var(--success);

packages/frontend/src/components/MkObjectView.value.vue

@@ -78,7 +78,7 @@ export default defineComponent({
 });
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .igpposuu {
 	display: inline;
 

packages/frontend/src/components/MkObjectView.vue

@@ -13,7 +13,7 @@ const props = defineProps<{
 }>();
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .zhyxdalp {
 
 }

packages/frontend/src/components/MkPagePreview.vue

@@ -32,7 +32,7 @@ export default defineComponent({
 });
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .vhpxefrj {
 	display: block;
 

packages/frontend/src/components/MkPageWindow.vue

@@ -132,7 +132,7 @@ defineExpose({
 });
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .yrolvcoq {
 	min-height: 100%;
 	background: var(--bg);

packages/frontend/src/components/MkPagination.vue

@@ -307,9 +307,7 @@ defineExpose({
 .fade-leave-to {
 	opacity: 0;
 }
-</style>
 
-<style lang="scss">
 .cxiknjgy {
 	> .button {
 		margin-left: auto;

packages/frontend/src/components/MkPoll.vue

@@ -86,7 +86,7 @@ const vote = async (id) => {
 };
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .tivcixzd {
 	> ul {
 		display: block;

packages/frontend/src/components/MkPollEditor.vue

@@ -142,7 +142,7 @@ watch([choices, multiple, expiration, atDate, atTime, after, unit], () => emit('
 });
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .zmdxowus {
 	padding: 8px 16px;
 

packages/frontend/src/components/MkPopupMenu.vue

@@ -25,7 +25,7 @@ const emit = defineEmits<{
 let modal = $ref<InstanceType<typeof MkModal>>();
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .sfhdhdhq {
 	&.drawer {
 		border-radius: 24px;

packages/frontend/src/components/MkPostForm.vue

@@ -715,7 +715,7 @@ onMounted(() => {
 });
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .gafaadew {
 	position: relative;
 

packages/frontend/src/components/MkPostFormAttaches.vue

@@ -109,7 +109,7 @@ function showFileMenu(file, ev: MouseEvent) {
 }
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .skeikyzd {
 	padding: 8px 16px;
 	position: relative;

packages/frontend/src/components/MkReactionTooltip.vue

@@ -24,7 +24,7 @@ const emit = defineEmits<{
 }>();
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .beeadbfb {
 	text-align: center;
 

packages/frontend/src/components/MkReactionsViewer.details.vue

@@ -44,7 +44,7 @@ function getReactionName(reaction: string): string {
 }
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .bqxuuuey {
 	display: flex;
 

packages/frontend/src/components/MkReactionsViewer.reaction.vue

@@ -90,7 +90,7 @@ useTooltip(buttonRef, async (showing) => {
 }, 100);
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .hkzvhatu {
 	display: inline-block;
 	height: 32px;

packages/frontend/src/components/MkReactionsViewer.vue

@@ -19,7 +19,7 @@ const initialReactions = new Set(Object.keys(props.note.reactions));
 const isMe = computed(() => $i && $i.id === props.note.userId);
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .tdflqwzn {
 	margin: 4px -2px 0 -2px;
 

packages/frontend/src/components/MkRemoteCaution.vue

@@ -10,7 +10,7 @@ defineProps<{
 }>();
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .jmgmzlwq {
 	font-size: 0.8em;
 	padding: 16px;

packages/frontend/src/components/MkRenoteButton.vue

@@ -74,7 +74,7 @@ const renote = (viaKeyboard = false) => {
 };
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .eddddedb {
 	display: inline-block;
 	height: 32px;

packages/frontend/src/components/MkRipple.vue

@@ -100,7 +100,7 @@ onMounted(() => {
 });
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .vswabwbm {
 	pointer-events: none;
 	position: fixed;

packages/frontend/src/components/MkSignin.vue

@@ -242,7 +242,7 @@ function resetPassword() {
 }
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .eppvobhk {
 	> .auth {
 		> .avatar {

packages/frontend/src/components/MkSignup.vue

@@ -237,7 +237,7 @@ function onSubmit(): void {
 }
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .qlvuhzng {
 	.captcha {
 		margin: 16px 0;

packages/frontend/src/components/MkSparkle.vue

@@ -111,7 +111,7 @@ onUnmounted(() => {
 });
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .mk-sparkle {
 	position: relative;
 	display: inline-block;

packages/frontend/src/components/MkSubNoteContent.vue

@@ -39,7 +39,7 @@ const collapsed = $ref(
 	));
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .wrmlmaau {
 	overflow-wrap: break-word;
 

packages/frontend/src/components/MkSuperMenu.vue

@@ -41,7 +41,7 @@ export default defineComponent({
 });
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .rrevdjwu {
 	> .group {
 		& + .group {

packages/frontend/src/components/MkTagCloud.vue

@@ -70,7 +70,7 @@ defineExpose({
 });
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .meijqfqm {
 	position: relative;
 	overflow: clip;

packages/frontend/src/components/MkToast.vue

@@ -40,9 +40,7 @@ onMounted(() => {
 	opacity: 0;
 	transform: translateY(-100%);
 }
-</style>
 
-<style lang="scss">
 .mk-toast {
 	> .body {
 		position: fixed;

packages/frontend/src/components/MkTooltip.vue

@@ -86,9 +86,7 @@ onUnmounted(() => {
 	opacity: 0;
 	transform: scale(0.75);
 }
-</style>
 
-<style lang="scss">
 .buebdbiu {
 	position: absolute;
 	font-size: 0.8em;

packages/frontend/src/components/MkUpdated.vue

@@ -25,7 +25,7 @@ const whatIsNew = () => {
 };
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .ewlycnyt {
 	position: relative;
 	padding: 32px;

packages/frontend/src/components/MkUrlPreview.vue

@@ -1,5 +1,5 @@
 <template>
-<div v-if="playerEnabled" class="mk-url-preview-player" :style="`padding: ${(player.height || 0) / (player.width || 1) * 100}% 0 0`">
+<div v-if="playerEnabled" class="player" :style="`padding: ${(player.height || 0) / (player.width || 1) * 100}% 0 0`">
 	<button class="disablePlayer" :title="i18n.ts.disablePlayer" @click="playerEnabled = false"><i class="ti ti-x"></i></button>
 	<iframe :src="player.url + (player.url.match(/\?/) ? '&autoplay=1&auto_play=1' : '?autoplay=1&auto_play=1')" :width="player.width || '100%'" :heigth="player.height || 250" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen/>
 </div>
@@ -121,8 +121,8 @@ onUnmounted(() => {
 });
 </script>
 
-<style lang="scss">
-.mk-url-preview-player {
+<style lang="scss" scoped>
+.player {
 	position: relative;
 	width: 100%;
 

packages/frontend/src/components/MkUrlPreviewPopup.vue

@@ -35,7 +35,7 @@ onMounted(() => {
 });
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .fgmtyycl {
 	position: absolute;
 	width: 500px;

packages/frontend/src/components/MkUserInfo.vue

@@ -39,7 +39,7 @@ defineProps<{
 }>();
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .vjnjpkug {
 	position: relative;
 

packages/frontend/src/components/MkUserList.vue

@@ -30,7 +30,7 @@ const props = defineProps<{
 const pagingComponent = ref<InstanceType<typeof MkPagination>>();
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .efvhhmdq {
 	display: grid;
 	grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));

packages/frontend/src/components/MkUserOnlineIndicator.vue

@@ -21,7 +21,7 @@ const text = $computed(() => {
 });
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .fzgwjkgc {
 	box-shadow: 0 0 0 3px var(--panel);
 	border-radius: 120%; // Blinkのバグか知らんけど、100%ぴったりにすると何故か若干楕円でレンダリングされる

packages/frontend/src/components/MkUserPreview.vue

@@ -89,9 +89,7 @@ onMounted(() => {
 	opacity: 0;
 	transform: scale(0.9);
 }
-</style>
 
-<style lang="scss">
 .fxxzrfni {
 	position: absolute;
 	width: 300px;

packages/frontend/src/components/MkUserSelectDialog.vue

@@ -115,7 +115,7 @@ onMounted(() => {
 });
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .tbhwbxda {
 	> .form {
 		padding: 0 var(--root-margin);

packages/frontend/src/components/MkUsersTooltip.vue

@@ -26,7 +26,7 @@ const emit = defineEmits<{
 }>();
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .beaffaef {
 	font-size: 0.9em;
 	text-align: left;

packages/frontend/src/components/MkVisibilityPicker.vue

@@ -79,7 +79,7 @@ function choose(visibility: typeof misskey.noteVisibilities[number]): void {
 }
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .gqyayizv {
 	width: 240px;
 	padding: 8px 0;

packages/frontend/src/components/MkWaitingDialog.vue

@@ -35,7 +35,7 @@ watch(() => props.showing, () => {
 });
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .iuyakobc {
 	position: relative;
 	padding: 32px;

packages/frontend/src/components/MkWindow.vue

@@ -416,9 +416,7 @@ defineExpose({
 	opacity: 0;
 	transform: scale(0.9);
 }
-</style>
 
-<style lang="scss">
 .ebkgocck {
 	position: fixed;
 	top: 0;

packages/frontend/src/components/form/checkbox.vue

@@ -50,7 +50,7 @@ const toggle = () => {
 };
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .ziffeoms {
 	position: relative;
 	display: flex;

packages/frontend/src/components/form/folder.vue

@@ -37,7 +37,7 @@ const toggle = () => {
 };
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .dwzlatin {
 	display: block;
 

packages/frontend/src/components/form/input.vue

@@ -149,7 +149,7 @@ onMounted(() => {
 });
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .matxzzsk {
 	> .label {
 		font-size: 0.85em;

packages/frontend/src/components/form/link.vue

@@ -31,7 +31,7 @@ const props = defineProps<{
 }>();
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .ffcbddfc {
 	display: block;