chore: install prettier

app/components/snackbar/Error.vue

@@ -1,21 +1,24 @@
 <template>
   <div>
-    <Caption v-bind="{title: 'Lỗi', type: 'has-text-findata'}"></Caption>
+    <Caption v-bind="{ title: 'Lỗi', type: 'has-text-findata' }"></Caption>
     <div class="field is-grouped mb-0">
-      <div class="control is-expanded pr-3" v-html="content"></div>
+      <div
+        class="control is-expanded pr-3"
+        v-html="content"
+      ></div>
       <div class="control">
-        <SvgIcon v-bind="{name: 'error.svg', type: 'danger', size: 24}"></SvgIcon>
+        <SvgIcon v-bind="{ name: 'error.svg', type: 'danger', size: 24 }"></SvgIcon>
       </div>
-  </div>
+    </div>
   </div>
 </template>
 <script>
 export default {
-  props: ['content'],
+  props: ["content"],
   methods: {
     cancel() {
-      this.$store.commit('updateStore', {name: 'showmodal', data:  undefined})
-    }
-  }
-}
-</script>
+      this.$store.commit("updateStore", { name: "showmodal", data: undefined });
+    },
+  },
+};
+</script>

app/components/snackbar/Info.vue

@@ -2,10 +2,10 @@
   <p v-html="props.content"></p>
 </template>
 <script setup>
-  var props = defineProps({
-    content: String
-  })
-  function cancel() {
-    this.$store.commit('updateStore', {name: 'showmodal', data:  undefined})
-  }
-</script>
+var props = defineProps({
+  content: String,
+});
+function cancel() {
+  this.$store.commit("updateStore", { name: "showmodal", data: undefined });
+}
+</script>

app/components/snackbar/SnackBar.vue

@@ -1,6 +1,10 @@
 <template>
   <div class="show">
-    <component :is="dynamicComponent" v-bind="vbind" @close="$emit('close')"></component>
+    <component
+      :is="dynamicComponent"
+      v-bind="vbind"
+      @close="$emit('close')"
+    ></component>
   </div>
 </template>
 <script setup>
@@ -34,8 +38,12 @@ setTimeout(() => store.commit("snackbar", undefined), 3900);
   padding: 10px;
   /* Add animation: Take 0.5 seconds to fade in and out the snackbar.
   However, delay the fade out process for 2.5 seconds */
-  -webkit-animation: fadein 0.5s, fadeout 0.5s 3.5s;
-  animation: fadein 0.5s, fadeout 0.5s 3.5s;
+  -webkit-animation:
+    fadein 0.5s,
+    fadeout 0.5s 3.5s;
+  animation:
+    fadein 0.5s,
+    fadeout 0.5s 3.5s;
 }
 
 /* Animations to fade the snackbar in and out */

app/components/snackbar/Success.vue

@@ -1,21 +1,29 @@
 <template>
   <div>
-    <Caption v-bind="{title: $stripHtml(title) || 'Thành công', type: 'has-text-primary'}"></Caption>
+    <Caption
+      v-bind="{
+        title: $stripHtml(title) || 'Thành công',
+        type: 'has-text-primary',
+      }"
+    ></Caption>
     <div class="field is-grouped mb-0 pb-0">
-      <div class="control is-expanded pr-3 mb-0" v-html="content"></div>
+      <div
+        class="control is-expanded pr-3 mb-0"
+        v-html="content"
+      ></div>
       <div class="control mb-0">
-        <SvgIcon v-bind="{name: 'check2.svg', type: 'primary', size: 24}"></SvgIcon>
+        <SvgIcon v-bind="{ name: 'check2.svg', type: 'primary', size: 24 }"></SvgIcon>
       </div>
     </div>
   </div>
 </template>
 <script>
 export default {
-  props: ['content', 'title'],
+  props: ["content", "title"],
   methods: {
     cancel() {
-      this.$store.commit('updateStore', {name: 'showmodal', data:  undefined})
-    }
-  }
-}
-</script>
+      this.$store.commit("updateStore", { name: "showmodal", data: undefined });
+    },
+  },
+};
+</script>