fix: solved prettier issue

Author: Gadha2311

frontend/src2/charts/components/NumberChart.vue

@@ -69,8 +69,8 @@ const cards = computed(() => {
 			suffix,
 			color,
 			label_bold,
-    		label_italic,
-    		label_color,
+			label_italic,
+			label_color,
 			label_size,
 		}
 	})
@@ -124,12 +124,13 @@ function onDoubleClick(measure_name: string) {
 				@dblclick="onDoubleClick(measure_name)"
 			>
 				<div class="flex w-full flex-col">
-					<span class="truncate text-sm font-medium"
+					<span
+						class="truncate text-sm font-medium"
 						:style="{
-							 fontWeight: label_bold ? 'bold' : '500',
-							 fontStyle: label_italic ? 'italic' : 'normal',
-							 color: label_color || undefined,
-							 fontSize: label_size ? `${label_size}px` : undefined,
+							fontWeight: label_bold ? 'bold' : '500',
+							fontStyle: label_italic ? 'italic' : 'normal',
+							color: label_color || undefined,
+							fontSize: label_size ? `${label_size}px` : undefined,
 						}"
 					>
 						{{ measure_name }}
@@ -149,8 +150,8 @@ function onDoubleClick(measure_name: string) {
 									? 'text-red-500'
 									: 'text-green-500'
 								: delta >= 0
-								  ? 'text-green-500'
-								  : 'text-red-500',
+									? 'text-green-500'
+									: 'text-red-500',
 						]"
 					>
 						<span class="">

frontend/src2/charts/components/NumberChartConfigForm.vue

@@ -109,7 +109,11 @@ function setNumberOption(index: number, option: keyof NumberColumnOptions, value
 									</InlineFormControlLabel>
 									<InlineFormControlLabel label="Color">
 										<ColorInput
-											:model-value="getNumberOption(index, 'color')as string | undefined"
+											:model-value="
+												getNumberOption(index, 'color') as
+													| string
+													| undefined
+											"
 											@update:model-value="
 												setNumberOption(index, 'color', $event)
 											"
@@ -118,21 +122,27 @@ function setNumberOption(index: number, option: keyof NumberColumnOptions, value
 									</InlineFormControlLabel>
 									<InlineFormControlLabel label="Label Color">
 										<ColorInput
-											:model-value="getNumberOption(index, 'label_color')as string| undefined"
+											:model-value="
+												getNumberOption(index, 'label_color') as
+													| string
+													| undefined
+											"
 											@update:model-value="
 												setNumberOption(index, 'label_color', $event)
 											"
 											placement="left-start"
 										/>
 									</InlineFormControlLabel>
 									<InlineFormControlLabel label="Label Size">
-    									<FormControl
-        									type="number"
-        									autocomplete="off"
-        									:modelValue="getNumberOption(index, 'label_size')"
-        									@update:modelValue="setNumberOption(index, 'label_size', Number($event))"
-        									placeholder="14"
-    									/>
+										<FormControl
+											type="number"
+											autocomplete="off"
+											:modelValue="getNumberOption(index, 'label_size')"
+											@update:modelValue="
+												setNumberOption(index, 'label_size', Number($event))
+											"
+											placeholder="14"
+										/>
 									</InlineFormControlLabel>
 									<Toggle
 										label="Bold Label"
@@ -210,4 +220,4 @@ function setNumberOption(index: number, option: keyof NumberColumnOptions, value
 			</InlineFormControlLabel>
 		</div>
 	</CollapsibleSection>
-</template>
+</template>