diff --git a/.prettierrc b/.prettierrc
deleted file mode 100644
index f5c7f42..0000000
--- a/.prettierrc
+++ /dev/null
@@ -1,12 +0,0 @@
-{
-	"useTabs": true,
-	"tabWidth": 2,
-	"semi": false,
-	"singleQuote": true,
-	"bracketSpacing": true,
-	"trailingComma": "none",
-	"printWidth": 120,
-	"arrowParens": "avoid",
-	"vueIndentScriptAndStyle": false,
-	"endOfLine": "lf"
-}
diff --git a/.prettierrc.yml b/.prettierrc.yml
new file mode 100644
index 0000000..10839b1
--- /dev/null
+++ b/.prettierrc.yml
@@ -0,0 +1,10 @@
+---
+useTabs: true
+tabWidth: 2
+semi: false
+singleQuote: true
+bracketSpacing: true
+trailingComma: none
+printWidth: 120
+arrowParens: avoid
+vueIndentScriptAndStyle: false
diff --git a/src/components/globals/DeezerWarning.vue b/src/components/globals/DeezerWarning.vue
index d63a6cc..f423b4e 100644
--- a/src/components/globals/DeezerWarning.vue
+++ b/src/components/globals/DeezerWarning.vue
@@ -1,23 +1,23 @@
 <template>
-  <div id="deezer_not_available" class="hide">
-    <i class="material-icons">warning</i> {{ $t('toasts.deezerNotAvailable') }}
-  </div>
+	<div id="deezer_not_available" class="hide">
+		<i class="material-icons">warning</i> {{ $t('toasts.deezerNotAvailable') }}
+	</div>
 </template>
 
 <style>
-  #deezer_not_available {
-    background-color: hsl(53, 98%, 47%);
-    color: rgba(0,0,0, .75);
-    padding: 8px 12px;
-    margin: -10px 10px 0px;
-    display: flex;
-    border-radius: 8px;
-    align-items: center;
-  }
-  #deezer_not_available i {
-    margin-right: 8px;
-  }
-  #deezer_not_available.hide {
-    display: none !important;
-  }
+#deezer_not_available {
+	background-color: hsl(53, 98%, 47%);
+	color: rgba(0, 0, 0, 0.75);
+	padding: 8px 12px;
+	margin: -10px 10px 0px;
+	display: flex;
+	border-radius: 8px;
+	align-items: center;
+}
+#deezer_not_available i {
+	margin-right: 8px;
+}
+#deezer_not_available.hide {
+	display: none !important;
+}
 </style>