From 551b00302b15bc7137ed3de8f1ae31909c7806bd Mon Sep 17 00:00:00 2001
From: syuilo <Syuilotan@yahoo.co.jp>
Date: Sat, 8 Apr 2023 14:32:21 +0900
Subject: [PATCH] use css module

---
 .../frontend/src/components/MkAccountMoved.vue    | 15 +++++++--------
 1 file changed, 7 insertions(+), 8 deletions(-)

diff --git a/packages/frontend/src/components/MkAccountMoved.vue b/packages/frontend/src/components/MkAccountMoved.vue
index 1d4fbd9a5..fd472de6c 100644
--- a/packages/frontend/src/components/MkAccountMoved.vue
+++ b/packages/frontend/src/components/MkAccountMoved.vue
@@ -1,8 +1,8 @@
 <template>
-<div class="msjugskd _block">
+<div :class="$style.root">
 	<i class="ti ti-plane-departure" style="margin-right: 8px;"></i>
 	{{ i18n.ts.accountMoved }}
-	<MkMention class="link" :username="acct" :host="host ?? localHost"/>
+	<MkMention :class="$style.link" :username="acct" :host="host ?? localHost"/>
 </div>
 </template>
 
@@ -17,17 +17,16 @@ defineProps<{
 }>();
 </script>
 
-<style lang="scss" scoped>
-.msjugskd {
+<style lang="scss" module>
+.root {
 	padding: 16px;
 	font-size: 90%;
 	background: var(--infoWarnBg);
 	color: var(--error);
 	border-radius: var(--radius);
+}
 
-	> .link {
-		margin-left: 4px;
-		color: var(--accent);
-	}
+.link {
+	margin-left: 4px;
 }
 </style>