Add prettier dependency to format frontend code

front/src/main.js

@@ -1,26 +1,24 @@
 import { createApp } from 'vue'
-import { createI18n } from "vue-i18n";
+import { createI18n } from 'vue-i18n'
 import { createPinia } from 'pinia'
-import { BootstrapIconsPlugin } from "bootstrap-icons-vue";
-import { router } from './router.js';
+import { BootstrapIconsPlugin } from 'bootstrap-icons-vue'
+import { router } from './router.js'
 import { createVuetify } from 'vuetify'
 import { aliases, mdi } from 'vuetify/iconsets/mdi-svg'
-import { VRating } from 'vuetify/components/VRating';
+import { VRating } from 'vuetify/components/VRating'
 import App from './App.vue'
 
-import './styles/global.css';
-
-import fr from './locales/fr.json';
-import en from './locales/en.json';
+import './styles/global.css'
 
+import fr from './locales/fr.json'
+import en from './locales/en.json'
 
 // configure i18n
 const i18n = createI18n({
-    locale: navigator.language,
-    fallbackLocale: "en",
-    messages: { fr, en },
-});
-
+  locale: navigator.language,
+  fallbackLocale: 'en',
+  messages: { fr, en },
+})
 
 const vuetify = createVuetify({
   VRating,
@@ -35,5 +33,4 @@ const vuetify = createVuetify({
 
 const pinia = createPinia()
 
-
 createApp(App).use(i18n).use(vuetify).use(pinia).use(BootstrapIconsPlugin).use(router).mount('#app')