From 3772ac98a900d46316c12a0b244cc7a175219e7f Mon Sep 17 00:00:00 2001
From: syuilo <4439005+syuilo@users.noreply.github.com>
Date: Sun, 1 Sep 2024 14:29:46 +0900
Subject: [PATCH] Update roles.vue

(cherry picked from commit 1488b670660cb1803d17d8f5c78f2d79e59fa52d)
---
 packages/frontend/src/pages/admin/roles.vue | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/packages/frontend/src/pages/admin/roles.vue b/packages/frontend/src/pages/admin/roles.vue
index 1bf6d81d59..7456e6570c 100644
--- a/packages/frontend/src/pages/admin/roles.vue
+++ b/packages/frontend/src/pages/admin/roles.vue
@@ -239,7 +239,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 </template>
 
 <script lang="ts" setup>
-import { computed, reactive, ref } from 'vue';
+import { computed, inject, reactive, ref } from 'vue';
 import XHeader from './_header_.vue';
 import MkInput from '@/components/MkInput.vue';
 import MkFolder from '@/components/MkFolder.vue';
@@ -251,11 +251,13 @@ import * as os from '@/os.js';
 import { misskeyApi } from '@/scripts/misskey-api.js';
 import { i18n } from '@/i18n.js';
 import { definePageMetadata } from '@/scripts/page-metadata.js';
-import { instance, fetchServerMetadata } from '@/server-metadata.js';
+import { fetchServerMetadata } from '@/server-metadata.js';
 import MkFoldableSection from '@/components/MkFoldableSection.vue';
 import { ROLE_POLICIES } from '@@/js/const.js';
 import { useRouter } from '@/router/supplier.js';
 
+const serverMetadata = inject('serverMetadata');
+
 const router = useRouter();
 const baseRoleQ = ref('');
 
@@ -263,7 +265,7 @@ const roles = await misskeyApi('admin/roles/list');
 
 const policies = reactive<Record<typeof ROLE_POLICIES[number], any>>({});
 for (const ROLE_POLICY of ROLE_POLICIES) {
-	policies[ROLE_POLICY] = instance.policies[ROLE_POLICY];
+	policies[ROLE_POLICY] = serverMetadata.policies[ROLE_POLICY];
 }
 
 function matchQuery(keywords: string[]): boolean {