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

This reverts commit ada04c1932.

packages/frontend/src/components/global/MkAcct.vue

@@ -18,7 +18,7 @@ defineProps<{
 const host = toUnicode(hostRaw);
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .mk-acct {
 	> .host {
 		opacity: 0.5;

packages/frontend/src/components/global/MkAd.vue

@@ -92,7 +92,7 @@ function reduceFrequency(): void {
 }
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .qiivuoyo {
 	background-size: auto auto;
 	background-image: repeating-linear-gradient(45deg, transparent, transparent 8px, var(--ad) 8px, var(--ad) 14px );

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

@@ -52,7 +52,7 @@ watch(() => props.user.avatarBlurhash, () => {
 });
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 @keyframes earwiggleleft {
 	from { transform: rotate(37.6deg) skew(30deg); }
 	25% { transform: rotate(10deg) skew(30deg); }

packages/frontend/src/components/global/MkEllipsis.vue

@@ -1,21 +1,10 @@
 <template>
-<span class="mk-ellipsis">
-	<span>.</span><span>.</span><span>.</span>
-</span>
+	<span class="mk-ellipsis">
+		<span>.</span><span>.</span><span>.</span>
+	</span>
 </template>
 
 <style lang="scss" scoped>
-@keyframes ellipsis {
-	0%, 80%, 100% {
-		opacity: 1;
-	}
-	40% {
-		opacity: 0;
-	}
-}
-</style>
-
-<style lang="scss">
 .mk-ellipsis {
 	> span {
 		animation: ellipsis 1.4s infinite ease-in-out both;
@@ -33,4 +22,13 @@
 		}
 	}
 }
+
+@keyframes ellipsis {
+	0%, 80%, 100% {
+		opacity: 1;
+	}
+	40% {
+		opacity: 0;
+	}
+}
 </style>

packages/frontend/src/components/global/MkEmoji.vue

@@ -50,7 +50,7 @@ function computeTitle(event: PointerEvent): void {
 }
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .mk-emoji {
 	height: 1.25em;
 	vertical-align: -0.25em;

packages/frontend/src/components/global/MkError.vue

@@ -13,7 +13,7 @@ import MkButton from '@/components/MkButton.vue';
 import { i18n } from '@/i18n';
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .mjndxjcg {
 	padding: 32px;
 	text-align: center;

packages/frontend/src/components/global/MkMisskeyFlavoredMarkdown.vue

@@ -1,5 +1,5 @@
 <template>
-<MfmCore :text="text" :plain="plain" :nowrap="nowrap" :author="author" :custom-emojis="customEmojis" :is-note="isNote" class="havbbuyv" :class="{ nowrap }"/>
+<MfmCore :text="text" :plain="plain" :nowrap="nowrap" :author="author" :customEmojis="customEmojis" :isNote="isNote" class="havbbuyv" :class="{ nowrap }"/>
 </template>
 
 <script lang="ts" setup>
@@ -158,7 +158,7 @@ const props = withDefaults(defineProps<{
 }
 </style>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .havbbuyv {
 	white-space: pre-wrap;
 

packages/frontend/src/components/global/MkPageHeader.vue

@@ -65,7 +65,7 @@ const props = withDefaults(defineProps<{
 	thin?: boolean;
 	displayMyAvatar?: boolean;
 }>(), {
-	tabs: () => ([] as Tab[]),
+	tabs: () => ([] as Tab[])
 });
 
 const emit = defineEmits<{
@@ -178,7 +178,7 @@ onUnmounted(() => {
 });
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .fdidabkb {
 	--height: 52px;
 	display: flex;

packages/frontend/src/components/global/MkUrl.vue

@@ -53,7 +53,7 @@ const attr = self ? 'to' : 'href';
 const target = self ? null : '_blank';
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .ieqqeuvs {
 	word-break: break-all;