From be6381ef0539d5d329d3037e4ae291ec4aba6312 Mon Sep 17 00:00:00 2001
From: Fledge Shiu <xzk0701@gmail.com>
Date: Mon, 21 Aug 2023 11:15:44 -0400
Subject: [PATCH] Fix format conflict.

---
 .../src/components/ProjectColumnComponent.vue | 33 ++++++++++++++-----
 1 file changed, 25 insertions(+), 8 deletions(-)

diff --git a/frontend/src/components/ProjectColumnComponent.vue b/frontend/src/components/ProjectColumnComponent.vue
index bf30fec7..73842554 100644
--- a/frontend/src/components/ProjectColumnComponent.vue
+++ b/frontend/src/components/ProjectColumnComponent.vue
@@ -1,13 +1,26 @@
 <template>
-  <div class="px-2 py-2 my-2 d-flex justify-content-between align-items-center project-column"
-    :class="{ active: isActive }" @click.prevent="setupProject" @dblclick.prevent="enableEditMode"
-    @mouseover="isHover = true" @mouseleave="isHover = false">
+  <div
+    class="px-2 py-2 my-2 d-flex justify-content-between align-items-center project-column"
+    :class="{ active: isActive }"
+    @click.prevent="setupProject"
+    @dblclick.prevent="enableEditMode"
+    @mouseover="isHover = true"
+    @mouseleave="isHover = false"
+  >
     <div class="d-flex align-items-center">
       <div v-if="!isEditMode" class="text-light fs-4 pe-1 me-1">
         <font-awesome-icon :icon="['fa', 'file']" />
       </div>
-      <input ref="inputElement" v-else type="text" class="form-control" @blur="exitEditModeWithoutChange"
-        @keyup.esc="exitEditModeWithoutChange" @keyup.enter="exitEditModeWithChange" v-model="editingProjectName" />
+      <input
+        ref="inputElement"
+        v-else
+        type="text"
+        class="form-control"
+        @blur="exitEditModeWithoutChange"
+        @keyup.esc="exitEditModeWithoutChange"
+        @keyup.enter="exitEditModeWithChange"
+        v-model="editingProjectName"
+      />
       <div v-if="!isEditMode" class="fw-semibold text-light text-truncate project-name">
         {{ projectName }}
       </div>
@@ -15,8 +28,12 @@
     <div v-show="!isHover" class="expire text-white-50">
       {{ leftDays }}
     </div>
-    <button v-show="isHover && !isEditMode" type="button" class="btn text-light py-9"
-      @click.stop="clickDeleteProjectButton">
+    <button
+      v-show="isHover && !isEditMode"
+      type="button"
+      class="btn text-light py-9"
+      @click.stop="clickDeleteProjectButton"
+    >
       <font-awesome-icon :icon="['fas', 'trash']" />
     </button>
   </div>
@@ -100,7 +117,7 @@ async function clickDeleteProjectButton() {
     'Delete',
     'Close',
     deleteProject,
-    async () => { },
+    async () => {},
     [projectName.value]
   )
 }