chore: install prettier

app/components/viewer/LayerSettingList.vue

@@ -1,13 +1,15 @@
 <script setup>
-import SvgIcon from '@/components/SvgIcon.vue';
-import { applyLayerSetting } from '@/components/viewer/utils/aps-viewer';
+import SvgIcon from "@/components/SvgIcon.vue";
+import { applyLayerSetting } from "@/components/viewer/utils/aps-viewer";
 
 const store = useStore();
 const { $getdata, $deleteapi } = useNuxtApp();
 const layerSettings = ref([]);
 
 async function fetchLayerSettings() {
-  layerSettings.value = await $getdata("layersetting", { user: store.login.id });
+  layerSettings.value = await $getdata("layersetting", {
+    user: store.login.id,
+  });
 }
 
 async function deleteLayerSetting(id) {
@@ -15,7 +17,7 @@ async function deleteLayerSetting(id) {
     const result = await $deleteapi("layersetting", id);
     if (result && !result.error) {
       if (store.layersetting?.id === id) {
-        store.commit('layersetting', undefined);
+        store.commit("layersetting", undefined);
       }
       fetchLayerSettings();
     } else {
@@ -24,31 +26,32 @@ async function deleteLayerSetting(id) {
   } catch (error) {
     console.error("Lỗi khi xóa thiết lập layer:", error);
     alert("Đã xảy ra lỗi khi xóa thiết lập layer. Vui lòng thử lại.");
-  } 
+  }
 }
 
 onMounted(fetchLayerSettings);
 </script>
 <template>
   <ul v-if="layerSettings.length > 0">
-    <li 
+    <li
       v-for="layersetting in layerSettings"
       :key="layersetting.id"
       :class="[
         'border-bottom px-2 py-0 is-flex is-justify-content-space-between is-align-items-center is-clickable hoverable',
-        store.layersetting?.id === layersetting.id && 'has-text-weight-bold has-background-white-ter'
+        store.layersetting?.id === layersetting.id && 'has-text-weight-bold has-background-white-ter',
       ]"
       @click="applyLayerSetting(layersetting, store)"
     >
       <span>{{ layersetting.name }}</span>
-      <button class="delBtn" @click.stop="deleteLayerSetting(layersetting.id)">
+      <button
+        class="delBtn"
+        @click.stop="deleteLayerSetting(layersetting.id)"
+      >
         <SvgIcon v-bind="{ name: 'bin1.svg', type: 'primary', size: 18 }" />
       </button>
     </li>
   </ul>
-  <p v-else>
-    Bạn chưa tạo thiết lập layer nào.
-  </p>
+  <p v-else>Bạn chưa tạo thiết lập layer nào.</p>
 </template>
 <style scoped>
 .hoverable:hover {
@@ -63,4 +66,4 @@ onMounted(fetchLayerSettings);
     background-color: hsla(0, 0%, 0%, 0.05);
   }
 }
-</style>
+</style>