chore: 🎨 format

packages/client/src/components/MkWidgets.vue

@@ -28,15 +28,8 @@
 					i18n.ts.close
 				}}</MkButton>
 			</header>
-			<VueDraggable
+			<VueDraggable v-model="widgets_" handle=".handle" animation="150">
-				v-model="widgets_"
+				<div v-for="element in widgets_" :key="element.id">
-				handle=".handle"
-				animation="150"
-			>
-				<div
-					v-for="element in widgets_"
-					:key="element.id"
-				>
 					<div class="customize-container">
 						<button
 							class="config _button"

packages/client/src/pages/page-editor/page-editor.blocks.vue

@@ -7,15 +7,15 @@
 		animation="150"
 		swap-threshold="0.5"
 	>
-			<component
+		<component
-				v-for="element in blocks"
+			v-for="element in blocks"
-				:key="element"
+			:key="element"
-				:is="'x-' + element.type"
+			:is="'x-' + element.type"
-				:value="element"
+			:value="element"
-				:hpml="hpml"
+			:hpml="hpml"
-				@update:value="updateItem"
+			@update:value="updateItem"
-				@remove="() => removeItem(element)"
+			@remove="() => removeItem(element)"
-			/>
+		/>
 	</VueDraggable>
 </template>
 

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

@@ -128,17 +128,17 @@
 						animation="150"
 						swap-threshold="0.5"
 					>
-							<XVariable
+						<XVariable
-								v-for="element in variables"
+							v-for="element in variables"
-								:key="element.name"
+							:key="element.name"
-								:model-value="element"
+							:model-value="element"
-								:removable="true"
+							:removable="true"
-								:hpml="hpml"
+							:hpml="hpml"
-								:name="element.name"
+							:name="element.name"
-								:title="element.name"
+							:title="element.name"
-								:draggable="true"
+							:draggable="true"
-								@remove="() => removeVariable(element)"
+							@remove="() => removeVariable(element)"
-							/>
+						/>
 					</VueDraggable>
 
 					<MkButton

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

@@ -18,18 +18,18 @@
 						@end="save"
 						delay-on-touch-only="true"
 					>
-							<div
+						<div
-								v-for="item in reactions"
+							v-for="item in reactions"
-								:key="item"
+							:key="item"
-								class="_button item"
+							class="_button item"
-								@click="remove(item, $event)"
+							@click="remove(item, $event)"
-							>
+						>
-								<MkEmoji
+							<MkEmoji
-									:emoji="item"
+								:emoji="item"
-									style="height: 1.7em"
+								style="height: 1.7em"
-									class="emoji"
+								class="emoji"
-								/>
+							/>
-							</div>
+						</div>
 						<template #footer>
 							<button class="_button add" @click="chooseEmoji">
 								<i class="ph-plus ph-bold ph-lg"></i>