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

This reverts commit ada04c1932.

packages/frontend/src/pages/_error_.vue

@@ -62,7 +62,7 @@ definePageMetadata({
 });
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .mjndxjch {
 	padding: 32px;
 	text-align: center;

packages/frontend/src/pages/about-misskey.vue

@@ -207,7 +207,7 @@ definePageMetadata({
 });
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .znqjceqz {
 	> .about {
 		position: relative;

packages/frontend/src/pages/about.emojis.vue

@@ -95,7 +95,7 @@ export default defineComponent({
 });
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .driuhtrh {
 	background: var(--bg);
 

packages/frontend/src/pages/about.federation.vue

@@ -86,7 +86,7 @@ function getStatus(instance) {
 }
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .taeiyria {
 	> .query {
 		background: var(--bg);

packages/frontend/src/pages/about.vue

@@ -136,7 +136,7 @@ definePageMetadata(computed(() => ({
 })));
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .fwhjspax {
 	text-align: center;
 	border-radius: 10px;

packages/frontend/src/pages/admin-file.vue

@@ -140,7 +140,7 @@ definePageMetadata(computed(() => ({
 })));
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .cxqhhsmd {
 	> .thumbnail {
 		display: block;

packages/frontend/src/pages/admin/_header_.vue

@@ -147,7 +147,7 @@ onUnmounted(() => {
 });
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .fdidabkc {
 	--height: 60px;
 	display: flex;

packages/frontend/src/pages/admin/abuses.vue

@@ -90,7 +90,7 @@ definePageMetadata({
 });
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .lcixvhis {
 	margin: var(--margin);
 }

packages/frontend/src/pages/admin/ads.vue

@@ -119,7 +119,7 @@ definePageMetadata({
 });
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .uqshojas {
 	> .ad {
 		padding: 32px;

packages/frontend/src/pages/admin/announcements.vue

@@ -105,7 +105,7 @@ definePageMetadata({
 });
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .ztgjmzrw {
 	margin: var(--margin);
 }

packages/frontend/src/pages/admin/emoji-edit-dialog.vue

@@ -95,7 +95,7 @@ async function del() {
 }
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .yigymqpb {
 	> .img {
 		display: block;

packages/frontend/src/pages/admin/emojis.vue

@@ -295,7 +295,7 @@ definePageMetadata(computed(() => ({
 })));
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .ogwlenmc {
 	> .local {
 		.empty {

packages/frontend/src/pages/admin/files.vue

@@ -113,7 +113,7 @@ definePageMetadata(computed(() => ({
 })));
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .xrmjdkdw {
 	margin: var(--margin);
 }

packages/frontend/src/pages/admin/index.vue

@@ -272,7 +272,7 @@ defineExpose({
 });
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .hiyeyicy {
 	&.wide {
 		display: flex;

packages/frontend/src/pages/admin/metrics.vue

@@ -53,43 +53,43 @@
 <script lang="ts">
 import { defineComponent, markRaw } from 'vue';
 import {
-	Chart,
-	ArcElement,
-	LineElement,
-	BarElement,
-	PointElement,
-	BarController,
-	LineController,
-	CategoryScale,
-	LinearScale,
-	Legend,
-	Title,
-	Tooltip,
-	SubTitle,
+  Chart,
+  ArcElement,
+  LineElement,
+  BarElement,
+  PointElement,
+  BarController,
+  LineController,
+  CategoryScale,
+  LinearScale,
+  Legend,
+  Title,
+  Tooltip,
+  SubTitle,
 } from 'chart.js';
-import MkwFederation from '../../widgets/federation.vue';
 import MkButton from '@/components/MkButton.vue';
 import MkSelect from '@/components/form/select.vue';
 import MkInput from '@/components/form/input.vue';
 import MkContainer from '@/components/MkContainer.vue';
 import MkFolder from '@/components/MkFolder.vue';
+import MkwFederation from '../../widgets/federation.vue';
 import { version, url } from '@/config';
 import bytes from '@/filters/bytes';
 import number from '@/filters/number';
 
 Chart.register(
-	ArcElement,
-	LineElement,
-	BarElement,
-	PointElement,
-	BarController,
-	LineController,
-	CategoryScale,
-	LinearScale,
-	Legend,
-	Title,
-	Tooltip,
-	SubTitle,
+  ArcElement,
+  LineElement,
+  BarElement,
+  PointElement,
+  BarController,
+  LineController,
+  CategoryScale,
+  LinearScale,
+  Legend,
+  Title,
+  Tooltip,
+  SubTitle,
 );
 
 const alpha = (hex, a) => {
@@ -462,7 +462,7 @@ export default defineComponent({
 });
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .xhexznfu {
 	> div:nth-child(2) {
 		padding: 16px;

packages/frontend/src/pages/admin/overview.instances.vue

@@ -35,7 +35,7 @@ useInterval(fetch, 1000 * 60, {
 });
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .wbrkwale {
 	> .instances {
 		display: grid;

packages/frontend/src/pages/admin/overview.pie.vue

@@ -105,6 +105,6 @@ onMounted(() => {
 });
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 
 </style>

packages/frontend/src/pages/admin/overview.queue.chart.vue

@@ -181,6 +181,6 @@ defineExpose({
 });
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 
 </style>

packages/frontend/src/pages/admin/overview.vue

@@ -181,7 +181,7 @@ definePageMetadata({
 });
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .edbbcaef {
 	display: grid;
 	grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));

packages/frontend/src/pages/admin/queue.chart.chart.vue

@@ -181,6 +181,6 @@ defineExpose({
 });
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 
 </style>

packages/frontend/src/pages/admin/queue.chart.vue

@@ -113,7 +113,7 @@ onUnmounted(() => {
 });
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .pumxzjhg {
 	> .status {
 		padding: 16px;

packages/frontend/src/pages/admin/relays.vue

@@ -81,7 +81,7 @@ definePageMetadata({
 });
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .relaycxt {
 	> .status {
 		margin: 8px 0;

packages/frontend/src/pages/admin/users.vue

@@ -138,7 +138,7 @@ definePageMetadata(computed(() => ({
 })));
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .lknzcolw {
 	> .users {
 

packages/frontend/src/pages/announcements.vue

@@ -50,7 +50,7 @@ definePageMetadata({
 });
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .ruryvtyk {
 	> .announcement {
 		&:not(:last-child) {

packages/frontend/src/pages/antenna-timeline.vue

@@ -89,7 +89,7 @@ definePageMetadata(computed(() => antenna ? {
 } : null));
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .tqmomfks {
 	padding: var(--margin);
 

packages/frontend/src/pages/auth.vue

@@ -86,6 +86,6 @@ export default defineComponent({
 });
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 
 </style>

packages/frontend/src/pages/channel-editor.vue

@@ -117,6 +117,6 @@ definePageMetadata(computed(() => props.channelId ? {
 }));
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 
 </style>

packages/frontend/src/pages/channel.vue

@@ -83,7 +83,7 @@ definePageMetadata(computed(() => channel ? {
 } : null));
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .wpgynlbz {
 	position: relative;
 

packages/frontend/src/pages/clip.vue

@@ -1,7 +1,7 @@
 <template>
 <MkStickyContainer>
 	<template #header><MkPageHeader :actions="headerActions"/></template>
-	<MkSpacer :content-max="800">
+		<MkSpacer :content-max="800">
 		<div v-if="clip">
 			<div class="okzinsic _panel">
 				<div v-if="clip.description" class="description">
@@ -105,7 +105,7 @@ definePageMetadata(computed(() => clip ? {
 } : null));
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .okzinsic {
 	position: relative;
 	margin-bottom: var(--margin);

packages/frontend/src/pages/emojis.emoji.vue

@@ -33,7 +33,7 @@ function menu(ev) {
 }
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .zuvgdzyu {
 	display: flex;
 	align-items: center;

packages/frontend/src/pages/explore.users.vue

@@ -135,7 +135,7 @@ os.api('hashtags/list', {
 });
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .vxjfqztj {
 	> * {
 		margin-right: 16px;

packages/frontend/src/pages/follow-requests.vue

@@ -71,7 +71,7 @@ definePageMetadata(computed(() => ({
 })));
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .mk-follow-requests {
 	> .user {
 		display: flex;

packages/frontend/src/pages/gallery/edit.vue

@@ -122,7 +122,7 @@ definePageMetadata(computed(() => props.postId ? {
 }));
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .wqugxsfx {
 	height: 200px;
 	background-size: contain;

packages/frontend/src/pages/gallery/index.vue

@@ -125,7 +125,7 @@ definePageMetadata({
 });
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .vfpdbgtk {
 	display: grid;
 	grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));

packages/frontend/src/pages/gallery/post.vue

@@ -161,9 +161,7 @@ definePageMetadata(computed(() => post ? {
 .fade-leave-to {
 	opacity: 0;
 }
-</style>
 
-<style lang="scss">
 .rkxwuolj {
 	> .files {
 		> .file {

packages/frontend/src/pages/instance-info.vue

@@ -225,7 +225,7 @@ definePageMetadata({
 });
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .fnfelxur {
 	display: flex;
 	align-items: center;

packages/frontend/src/pages/messaging/index.vue

@@ -162,7 +162,7 @@ definePageMetadata({
 });
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .yweeujhr {
 
 	> .start {

packages/frontend/src/pages/messaging/messaging-room.form.vue

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

packages/frontend/src/pages/messaging/messaging-room.message.vue

@@ -59,7 +59,7 @@ function del(): void {
 }
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .thvuemwp {
 	$me-balloon-color: var(--accent);
 

packages/frontend/src/pages/messaging/messaging-room.vue

@@ -305,17 +305,6 @@ definePageMetadata(computed(() => !fetching ? user ? {
 </script>
 
 <style lang="scss" scoped>
-.fade-enter-active, .fade-leave-active {
-	transition: opacity 0.1s;
-}
-
-.fade-enter-from, .fade-leave-to {
-	transition: opacity 0.5s;
-	opacity: 0;
-}
-</style>
-
-<style lang="scss">
 .mk-messaging-room {
 	position: relative;
 	overflow: auto;
@@ -410,4 +399,13 @@ definePageMetadata(computed(() => !fetching ? user ? {
 		}
 	}
 }
+
+.fade-enter-active, .fade-leave-active {
+	transition: opacity 0.1s;
+}
+
+.fade-enter-from, .fade-leave-to {
+	transition: opacity 0.5s;
+	opacity: 0;
+}
 </style>

packages/frontend/src/pages/mfm-cheat-sheet.vue

@@ -355,7 +355,7 @@ definePageMetadata({
 });
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .mwysmxbg {
 	background: var(--bg);
 

packages/frontend/src/pages/miauth.vue

@@ -85,6 +85,6 @@ function onLogin(res): void {
 }
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 
 </style>

packages/frontend/src/pages/my-antennas/create.vue

@@ -41,6 +41,6 @@ definePageMetadata({
 });
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 
 </style>

packages/frontend/src/pages/my-antennas/edit.vue

@@ -38,6 +38,6 @@ definePageMetadata({
 });
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 
 </style>

packages/frontend/src/pages/my-antennas/editor.vue

@@ -141,7 +141,7 @@ function addUser() {
 }
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .shaynizk {
 	> .form {
 		padding: 32px;

packages/frontend/src/pages/my-antennas/index.vue

@@ -1,20 +1,18 @@
-<template>
-<MkStickyContainer>
+<template><MkStickyContainer>
 	<template #header><MkPageHeader :actions="headerActions" :tabs="headerTabs"/></template>
-	<MkSpacer :content-max="700">
-		<div class="ieepwinx">
-			<MkButton :link="true" to="/my/antennas/create" primary class="add"><i class="ti ti-plus"></i> {{ i18n.ts.add }}</MkButton>
+		<MkSpacer :content-max="700">
+	<div class="ieepwinx">
+		<MkButton :link="true" to="/my/antennas/create" primary class="add"><i class="ti ti-plus"></i> {{ i18n.ts.add }}</MkButton>
 
-			<div class="">
-				<MkPagination v-slot="{items}" ref="list" :pagination="pagination">
-					<MkA v-for="antenna in items" :key="antenna.id" class="ljoevbzj" :to="`/my/antennas/${antenna.id}`">
-						<div class="name">{{ antenna.name }}</div>
-					</MkA>
-				</MkPagination>
-			</div>
+		<div class="">
+			<MkPagination v-slot="{items}" ref="list" :pagination="pagination">
+				<MkA v-for="antenna in items" :key="antenna.id" class="ljoevbzj" :to="`/my/antennas/${antenna.id}`">
+					<div class="name">{{ antenna.name }}</div>
+				</MkA>
+			</MkPagination>
 		</div>
-	</MkSpacer>
-</MkStickyContainer>
+	</div>
+</MkSpacer></MkStickyContainer>
 </template>
 
 <script lang="ts" setup>
@@ -39,7 +37,7 @@ definePageMetadata({
 });
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .ieepwinx {
 
 	> .add {

packages/frontend/src/pages/my-clips/index.vue

@@ -78,7 +78,7 @@ definePageMetadata({
 });
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .qtcaoidl {
 	> .add {
 		margin: 0 auto 16px auto;

packages/frontend/src/pages/my-lists/index.vue

@@ -55,7 +55,7 @@ definePageMetadata({
 });
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .qkcjvfiv {
 	> .add {
 		margin: 0 auto var(--margin) auto;

packages/frontend/src/pages/my-lists/list.vue

@@ -126,7 +126,7 @@ definePageMetadata(computed(() => list ? {
 } : null));
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .mk-list-page {
 	> .members {
 		> ._content {

packages/frontend/src/pages/note.vue

@@ -146,9 +146,7 @@ definePageMetadata(computed(() => note ? {
 .fade-leave-to {
 	opacity: 0;
 }
-</style>
 
-<style lang="scss">
 .fcuexfpr {
 	background: var(--bg);
 

packages/frontend/src/pages/page-editor/els/page-editor.el.image.vue

@@ -54,7 +54,7 @@ onMounted(async () => {
 });
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .oyyftmcf {
 	> .preview {
 		height: 150px;

packages/frontend/src/pages/page-editor/els/page-editor.el.section.vue

@@ -80,7 +80,7 @@ onMounted(() => {
 });
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .ilrvjyvi {
 	> .children {
 		margin: 16px;

packages/frontend/src/pages/page-editor/els/page-editor.el.text.vue

@@ -32,7 +32,7 @@ watch($$(text), () => {
 });
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .vckmsadr {
 	> textarea {
 		display: block;

packages/frontend/src/pages/page-editor/page-editor.container.vue

@@ -68,7 +68,7 @@ export default defineComponent({
 });
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .cpjygsrt {
 	position: relative;
 	overflow: hidden;

packages/frontend/src/pages/page-editor/page-editor.vue

@@ -303,7 +303,7 @@ definePageMetadata(computed(() => {
 }
 </style>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .jqqmcavi {
 	margin-bottom: 16px;
 

packages/frontend/src/pages/page.vue

@@ -172,9 +172,7 @@ definePageMetadata(computed(() => page ? {
 .fade-leave-to {
 	opacity: 0;
 }
-</style>
 
-<style lang="scss">
 .xcukqgmh {
 	> .main {
 		padding: 32px;

packages/frontend/src/pages/pages.vue

@@ -80,7 +80,7 @@ definePageMetadata(computed(() => ({
 })));
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .rknalgpo {
 	&.my .ckltabjg:first-child {
 		margin-top: 16px;

packages/frontend/src/pages/preview.vue

@@ -20,7 +20,7 @@ definePageMetadata(computed(() => ({
 })));
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .graojtoi {
 	padding: var(--margin);
 }

packages/frontend/src/pages/registry.keys.vue

@@ -92,5 +92,5 @@ definePageMetadata({
 });
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 </style>

packages/frontend/src/pages/registry.value.vue

@@ -119,5 +119,5 @@ definePageMetadata({
 });
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 </style>

packages/frontend/src/pages/registry.vue

@@ -70,5 +70,5 @@ definePageMetadata({
 });
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 </style>

packages/frontend/src/pages/reset-password.vue

@@ -54,6 +54,6 @@ definePageMetadata({
 });
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 
 </style>

packages/frontend/src/pages/scratchpad.vue

@@ -116,7 +116,7 @@ definePageMetadata({
 });
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .iltifgqe {
 	padding: 16px;
 

packages/frontend/src/pages/settings/accounts.vue

@@ -112,7 +112,7 @@ definePageMetadata({
 });
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .lcjjdxlm {
 	display: flex;
 	padding: 16px;

packages/frontend/src/pages/settings/apps.vue

@@ -70,7 +70,7 @@ definePageMetadata({
 });
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .bfomjevm {
 	display: flex;
 	padding: 16px;

packages/frontend/src/pages/settings/drive.vue

@@ -124,7 +124,8 @@ definePageMetadata({
 });
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
+
 @use "sass:math";
 
 .uawsfosz {

packages/frontend/src/pages/settings/index.vue

@@ -244,7 +244,7 @@ definePageMetadata(INFO);
 // h 700
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .vvcocwet {
 	> .body {
 		> .nav {

packages/frontend/src/pages/settings/plugin.vue

@@ -93,6 +93,6 @@ definePageMetadata({
 });
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 
 </style>

packages/frontend/src/pages/settings/profile.vue

@@ -189,7 +189,7 @@ definePageMetadata({
 });
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .llvierxe {
 	position: relative;
 	background-size: cover;

packages/frontend/src/pages/settings/reaction.vue

@@ -135,7 +135,7 @@ definePageMetadata({
 });
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .zoaiodol {
 	padding: 12px;
 	font-size: 1.1em;

packages/frontend/src/pages/settings/security.vue

@@ -107,7 +107,7 @@ definePageMetadata({
 });
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .timnmucd {
 	padding: 16px;
 

packages/frontend/src/pages/settings/theme.vue

@@ -164,7 +164,7 @@ definePageMetadata({
 });
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .rfqxtzch {
 	border-radius: 6px;
 

packages/frontend/src/pages/share.vue

@@ -16,7 +16,7 @@
 			class="_panel"
 			@posted="state = 'posted'"
 		/>
-		<MkButton v-else-if="state === 'posted'" primary :class="$style.close" @click="close()">{{ i18n.ts.close }}</MkButton>
+		<MkButton v-else-if="state === 'posted'" primary class="close" @click="close()">{{ i18n.ts.close }}</MkButton>
 	</MkSpacer>
 </MkStickyContainer>
 </template>
@@ -69,14 +69,14 @@ async function init() {
 				...(visibleAccts ? visibleAccts.split(',').map(Acct.parse) : []),
 			]
 			// TypeScriptの指示通りに変換する
-				.map(q => 'username' in q ? { username: q.username, host: q.host === null ? undefined : q.host } : q)
-				.map(q => os.api('users/show', q)
-					.then(user => {
-						visibleUsers.push(user);
-					}, () => {
-						console.error(`Invalid user query: ${JSON.stringify(q)}`);
-					}),
-				),
+			.map(q => 'username' in q ? { username: q.username, host: q.host === null ? undefined : q.host } : q)
+			.map(q => os.api('users/show', q)
+				.then(user => {
+					visibleUsers.push(user);
+				}, () => {
+					console.error(`Invalid user query: ${JSON.stringify(q)}`);
+				}),
+			),
 		);
 	}
 
@@ -120,13 +120,13 @@ async function init() {
 		if (fileIds) {
 			await Promise.all(
 				fileIds.split(',')
-					.map(fileId => os.api('drive/files/show', { fileId })
-						.then(file => {
-							files.push(file);
-						}, () => {
-							console.error(`Failed to fetch a file ${fileId}`);
-						}),
-					),
+				.map(fileId => os.api('drive/files/show', { fileId })
+					.then(file => {
+						files.push(file);
+					}, () => {
+						console.error(`Failed to fetch a file ${fileId}`);
+					}),
+				),
 			);
 		}
 		//#endregion
@@ -162,7 +162,7 @@ definePageMetadata({
 });
 </script>
 
-<style lang="scss" module>
+<style lang="scss" scoped>
 .close {
 	margin: 16px auto;
 }

packages/frontend/src/pages/signup-complete.vue

@@ -36,6 +36,6 @@ definePageMetadata({
 });
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 
 </style>

packages/frontend/src/pages/theme-editor.vue

@@ -228,7 +228,7 @@ definePageMetadata({
 });
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .cwepdizn {
 	::v-deep(.cwepdizn-colors) {
 		text-align: center;

packages/frontend/src/pages/timeline.vue

@@ -154,7 +154,7 @@ definePageMetadata(computed(() => ({
 })));
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .cmuxhskf {
 	> .new {
 		position: sticky;

packages/frontend/src/pages/user-info.vue

@@ -385,7 +385,7 @@ definePageMetadata(computed(() => ({
 })));
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .aeakzknw {
 	display: flex;
 	align-items: center;

packages/frontend/src/pages/user-list-timeline.vue

@@ -82,7 +82,7 @@ definePageMetadata(computed(() => list ? {
 } : null));
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .eqqrhokj {
 	padding: var(--margin);
 

packages/frontend/src/pages/user/clips.vue

@@ -29,7 +29,7 @@ const pagination = {
 };
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .pages-user-clips {
 	> .list {
 		> .item {

packages/frontend/src/pages/user/follow-list.vue

@@ -36,7 +36,7 @@ const followersPagination = {
 };
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .mk-following-or-followers {
 	> .users {
 		display: grid;

packages/frontend/src/pages/user/followers.vue

@@ -57,5 +57,5 @@ definePageMetadata(computed(() => user ? {
 } : null));
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 </style>

packages/frontend/src/pages/user/following.vue

@@ -57,5 +57,5 @@ definePageMetadata(computed(() => user ? {
 } : null));
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 </style>

packages/frontend/src/pages/user/gallery.vue

@@ -28,7 +28,7 @@ const pagination = {
 };
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .jrnovfpt {
 	display: grid;
 	grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));

packages/frontend/src/pages/user/home.vue

@@ -188,7 +188,7 @@ onUnmounted(() => {
 });
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .ftskorzw {
 
 	> .main {

packages/frontend/src/pages/user/index.photos.vue

@@ -73,7 +73,7 @@ onMounted(() => {
 });
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .ujigsodd {
 	padding: 8px;
 

packages/frontend/src/pages/user/pages.vue

@@ -25,6 +25,6 @@ const pagination = {
 };
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 
 </style>

packages/frontend/src/pages/user/reactions.vue

@@ -33,7 +33,7 @@ const pagination = {
 };
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .afdcfbfb {
 	> .header {
 		display: flex;

packages/frontend/src/pages/welcome.entrance.a.vue

@@ -127,7 +127,7 @@ function showMenu(ev) {
 }
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .rsqzvsbo {
 	> .top {
 		display: flex;

packages/frontend/src/pages/welcome.entrance.b.vue

@@ -38,12 +38,12 @@
 <script lang="ts">
 import { defineComponent } from 'vue';
 import { toUnicode } from 'punycode/';
-import XTimeline from './welcome.timeline.vue';
 import XSigninDialog from '@/components/MkSigninDialog.vue';
 import XSignupDialog from '@/components/MkSignupDialog.vue';
 import MkButton from '@/components/MkButton.vue';
 import XNote from '@/components/MkNote.vue';
 import MkFeaturedPhotos from '@/components/MkFeaturedPhotos.vue';
+import XTimeline from './welcome.timeline.vue';
 import { host, instanceName } from '@/config';
 import * as os from '@/os';
 import number from '@/filters/number';
@@ -118,7 +118,7 @@ export default defineComponent({
 				text: this.$ts.help,
 				icon: 'ti ti-question-circle',
 				action: () => {
-					window.open('https://misskey-hub.net/help.md', '_blank');
+					window.open(`https://misskey-hub.net/help.md`, '_blank');
 				},
 			}], ev.currentTarget ?? ev.target);
 		},
@@ -128,7 +128,7 @@ export default defineComponent({
 });
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .rsqzvsbo {
 	> .top {
 		min-height: 100vh;

packages/frontend/src/pages/welcome.entrance.c.vue

@@ -58,12 +58,12 @@
 <script lang="ts">
 import { defineComponent } from 'vue';
 import { toUnicode } from 'punycode/';
-import XTimeline from './welcome.timeline.vue';
 import XSigninDialog from '@/components/MkSigninDialog.vue';
 import XSignupDialog from '@/components/MkSignupDialog.vue';
 import MkButton from '@/components/MkButton.vue';
 import XNote from '@/components/MkNote.vue';
 import MkFeaturedPhotos from '@/components/MkFeaturedPhotos.vue';
+import XTimeline from './welcome.timeline.vue';
 import { host, instanceName } from '@/config';
 import * as os from '@/os';
 import number from '@/filters/number';
@@ -138,7 +138,7 @@ export default defineComponent({
 				text: this.$ts.help,
 				icon: 'ti ti-question-circle',
 				action: () => {
-					window.open('https://misskey-hub.net/help.md', '_blank');
+					window.open(`https://misskey-hub.net/help.md`, '_blank');
 				},
 			}], ev.currentTarget ?? ev.target);
 		},
@@ -148,7 +148,7 @@ export default defineComponent({
 });
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .rsqzvsbo {
 	> .top {
 		display: flex;

packages/frontend/src/pages/welcome.setup.vue

@@ -54,7 +54,7 @@ function submit() {
 }
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .mk-setup {
 	border-radius: var(--radius);
 	box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);

packages/frontend/src/pages/welcome.timeline.vue

@@ -1,6 +1,6 @@
 <template>
 <div class="civpbkhh">
-	<div ref="scroll" class="scrollbox" :class="{ scroll: isScrolling }">
+	<div ref="scroll" class="scrollbox" v-bind:class="{ scroll: isScrolling }">
 		<div v-for="note in notes" class="note">
 			<div class="content _panel">
 				<div class="body">
@@ -12,7 +12,7 @@
 					<XMediaList :media-list="note.files"/>
 				</div>
 				<div v-if="note.poll">
-					<XPoll :note="note" :read-only="true"/>
+					<XPoll :note="note" :readOnly="true"/>
 				</div>
 			</div>
 			<XReactionsViewer ref="reactionsViewer" :note="note"/>
@@ -71,9 +71,7 @@ export default defineComponent({
 		transform: translate3d(0, calc(-100% + 90vh), 0);
 	}
 }
-</style>
 
-<style lang="scss">
 .civpbkhh {
 	text-align: right;