enhance(client): suspense

Fix misskey-dev#8817
Jeder321 · Jul 19, 2022 · 1477cb5 · 1477cb5
1 parent 8ed288c
commit 1477cb5
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -38,6 +38,7 @@ You should also include the user name that made the change.
 - Server: Ensure temp directory cleanup @Johann150
 - favicons of federated instances not showing @syuilo
 - Client: fix switch to receive email notifications @syuilo
+- Client: Page freezes when trying to open configuration page of existing webhooks @syuilo
 
 ## 12.111.1 (2022/06/13)
 

diff --git a/packages/client/src/components/global/router-view.vue b/packages/client/src/components/global/router-view.vue
@@ -1,6 +1,12 @@
 <template>
 <KeepAlive :max="defaultStore.state.numberOfPageCache">
-	<component :is="currentPageComponent" :key="key" v-bind="Object.fromEntries(currentPageProps)"/>
+	<Suspense>
+		<component :is="currentPageComponent" :key="key" v-bind="Object.fromEntries(currentPageProps)"/>
+
+		<template #fallback>
+			Loading...
+		</template>
+	</Suspense>
 </KeepAlive>
 </template>