emojigen wip30

packages/client/src/pages/admin/emojigen.vue

@@ -1,5 +1,6 @@
 <template>
 <MkSpacer :content-max="700" :margin-min="16" :margin-max="32">
+	<FormSuspense>
 		<div class="cwepdizn _formRoot">
 			<FormInput v-model="emojiName" class="_formBlock">
 				<template #label>{{ $ts.emojiName }}</template>
@@ -48,7 +49,6 @@
 				</div>
 			</FormFolder>
 
-
 			<FormInput v-model="emojiColor" class="_formBlock">
 				<template #prefix><i class="fas fa-palette"></i></template>
 				<template #label>{{ $ts.emojiColor }}</template>
@@ -64,18 +64,20 @@
 			</FormSection>
 			<FormButton primary class="_formBlock" @click="emojiApproval">{{ $ts.emojiApproval }}</FormButton>
 		</div>
+	</FormSuspense>
 </MkSpacer>
 </template>
 
 <script lang="ts">
 import {defineComponent} from 'vue';
+import FormFolder from '@/components/form/folder.vue';
 import FormSwitch from '@/components/form/switch.vue';
 import FormInput from '@/components/form/input.vue';
 import FormTextarea from '@/components/form/textarea.vue';
 import FormRadios from '@/components/form/radios.vue';
 import FormSection from '@/components/form/section.vue';
-import FormFolder from '@/components/form/folder.vue';
 import FormButton from '@/components/ui/button.vue';
+import FormSuspense from '@/components/form/suspense.vue';
 import * as os from '@/os';
 import * as symbols from '@/symbols';
 import {defaultStore} from "@/store";
@@ -84,13 +86,14 @@ import {stream} from "@/stream";
 
 export default defineComponent({
 	components: {
+		FormFolder,
 		FormInput,
 		FormTextarea,
 		FormRadios,
 		FormSection,
 		FormSwitch,
 		FormButton,
-		FormFolder,
+		FormSuspense,
 	},
 
 	emits: ['info'],