diff --git a/frontend/src/assets/main.css b/frontend/src/assets/main.css
index 6102359..83553bd 100644
--- a/frontend/src/assets/main.css
+++ b/frontend/src/assets/main.css
@@ -1,8 +1,8 @@
 @import './base.css';
 
 :root {
-    --accent-color: #FF922B;
-    --primary-text-color: #1111111;
-    --dimmed-text-color: #888888;
-    --dimmed-border-color: #DDDDDD;
+  --accent-color: #ff922b;
+  --primary-text-color: #1111111;
+  --dimmed-text-color: #888888;
+  --dimmed-border-color: #dddddd;
 }
diff --git a/frontend/src/components/Avatar.vue b/frontend/src/components/Avatar.vue
index 592ee8a..12c9baa 100644
--- a/frontend/src/components/Avatar.vue
+++ b/frontend/src/components/Avatar.vue
@@ -1,13 +1,13 @@
 <script setup lang="ts">
 defineProps<{
-  name: string,
-  size: string
-}>()
-const endpoint = "https://q.trap.jp/api/v3"
+  name: string;
+  size: string;
+}>();
+const endpoint = 'https://q.trap.jp/api/v3';
 </script>
 
 <template>
-<img class="avatar" :src="`${endpoint}/public/icon/${name}`" />
+  <img class="avatar" :src="`${endpoint}/public/icon/${name}`" />
 </template>
 
 <style scoped>
diff --git a/frontend/src/components/Button.vue b/frontend/src/components/Button.vue
index d6b42d6..07f6d01 100644
--- a/frontend/src/components/Button.vue
+++ b/frontend/src/components/Button.vue
@@ -1,11 +1,11 @@
 <script setup lang="ts">
 defineProps<{
-  disabled: boolean
-}>()
+  disabled: boolean;
+}>();
 </script>
 
 <template>
-    <button type="button" :disabled="disabled"><slot /></button>
+  <button type="button" :disabled="disabled"><slot /></button>
 </template>
 
 <style lang="scss" scoped>
diff --git a/frontend/src/components/NewPostSection.vue b/frontend/src/components/NewPostSection.vue
index 92c283e..0511f03 100644
--- a/frontend/src/components/NewPostSection.vue
+++ b/frontend/src/components/NewPostSection.vue
@@ -1,17 +1,16 @@
 <script setup lang="ts">
-import Button from "./Button.vue"
-import Avatar from "./Avatar.vue"
-import {ref, computed} from "vue"
+import Button from './Button.vue';
+import Avatar from './Avatar.vue';
+import { ref, computed } from 'vue';
 
 defineProps<{
-  name: string,
-}>()
+  name: string;
+}>();
 
-const inputContent = ref('')
+const inputContent = ref('');
 const canPost = computed(() => {
-  return (inputContent.value.length != 0) && (inputContent.value.length <= 280)
-})
-
+  return inputContent.value.length != 0 && inputContent.value.length <= 280;
+});
 </script>
 
 <template>
@@ -20,9 +19,15 @@ const canPost = computed(() => {
       <Avatar :name="name" size="48px"></Avatar>
     </div>
     <div class="new-post-input-section">
-      <textarea type="text" placeholder="投稿する内容を入力（投稿時に自動で変換されます)" v-model="inputContent"/>
+      <textarea
+        type="text"
+        placeholder="投稿する内容を入力（投稿時に自動で変換されます)"
+        v-model="inputContent"
+      />
       <div class="post-footer">
-        <span :class="!canPost ? 'post-charcount-warn' : undefined">{{ inputContent.length }}/280文字</span>
+        <span :class="!canPost ? 'post-charcount-warn' : undefined"
+          >{{ inputContent.length }}/280文字</span
+        >
         <span class="post-button">
           <Button :disabled="!canPost">投稿する</Button>
         </span>
@@ -70,5 +75,4 @@ const canPost = computed(() => {
     }
   }
 }
-
 </style>
diff --git a/frontend/src/features/reactions.ts b/frontend/src/features/reactions.ts
index 688cfde..83bd0bc 100644
--- a/frontend/src/features/reactions.ts
+++ b/frontend/src/features/reactions.ts
@@ -1 +1 @@
-export const reactionIcons = ['❤️', '🔥', '💧', '😢', '🤔'];
\ No newline at end of file
+export const reactionIcons = ['❤️', '🔥', '💧', '😢', '🤔'];