diff --git a/.prettierrc b/.prettierrc
new file mode 100644
index 0000000..edb3161
--- /dev/null
+++ b/.prettierrc
@@ -0,0 +1,13 @@
+{
+    "printWidth": 120,
+    "tabWidth": 4,
+    "useTabs": false,
+    "semi": true,
+    "singleQuote": true,
+    "trailingComma": "none",
+    "bracketSpacing": true,
+    "proseWrap": "never",
+    "htmlWhitespaceSensitivity": "strict",
+    "endOfLine": "lf",
+    "arrowParens": "avoid"
+}
diff --git a/frontend/src/App.vue b/frontend/src/App.vue
index e484aa5..56d375a 100644
--- a/frontend/src/App.vue
+++ b/frontend/src/App.vue
@@ -1,32 +1,32 @@
 <template>
-  <main class="home">
-    <h1>Private Image</h1>
-  </main>
+    <main class="home">
+        <h1>Private Image</h1>
+    </main>
 </template>
 
 <style scoped>
 .home {
-  box-sizing: border-box;
-  min-height: 100vh;
-  margin: 0;
-  padding: 2rem;
-  font-family:
-    system-ui,
-    -apple-system,
-    Segoe UI,
-    Roboto,
-    sans-serif;
-  line-height: 1.5;
+    box-sizing: border-box;
+    min-height: 100vh;
+    margin: 0;
+    padding: 2rem;
+    font-family:
+        system-ui,
+        -apple-system,
+        Segoe UI,
+        Roboto,
+        sans-serif;
+    line-height: 1.5;
 }
 
 h1 {
-  margin: 0 0 0.5rem;
-  font-size: 1.75rem;
-  font-weight: 600;
+    margin: 0 0 0.5rem;
+    font-size: 1.75rem;
+    font-weight: 600;
 }
 
 p {
-  margin: 0;
-  color: #444;
+    margin: 0;
+    color: #444;
 }
 </style>