Add prettier config, format codebase

src/components/common/PreviewColor.vue

@@ -1,25 +1,26 @@
 <template>
   <div class="preview-color">
     <span class="color-label">{{ title }}</span>
+
     <input :value="modelValue" @input="handleColorChange" type="color" :disabled="disabled" class="color-input" />
   </div>
 </template>
 
 <script setup lang="ts">
 defineProps<{
-  title: string
-  modelValue: string
-  disabled?: boolean
-}>()
+  title: string;
+  modelValue: string;
+  disabled?: boolean;
+}>();
 
 const emit = defineEmits<{
-  'update:modelValue': [value: string]
-}>()
+  'update:modelValue': [value: string];
+}>();
 
 const handleColorChange = (event: Event) => {
-  const target = event.target as HTMLInputElement
-  emit('update:modelValue', target.value)
-}
+  const target = event.target as HTMLInputElement;
+  emit('update:modelValue', target.value);
+};
 </script>
 
 <style scoped>