🎨 SEO compatible + .fr & .com compatibility

package.json

@@ -1,6 +1,6 @@
 {
   "name": "huskyfy",
-  "version": "1.1.6",
+  "version": "1.2.0",
   "private": true,
   "scripts": {
     "serve": "vue-cli-service serve",

src/components/NavbarHeader.vue

@@ -8,7 +8,7 @@
 
     <v-spacer></v-spacer>
 
-    <v-menu offset="12" transition="slide-y-transition">
+    <v-menu offset="14" transition="slide-y-transition">
       <template v-slot:activator="{ props }">
         <div id="user-info" v-bind="props">
           <h3 id="profile-name" class="rainbow-text"> {{ userStore.username }} </h3>

src/main.ts

@@ -1,4 +1,5 @@
 import { createApp } from 'vue'
+
 import App from '@/App.vue'
 import router from '@/router'
 import { createPinia } from 'pinia'

src/views/PlaylistDetail.vue

@@ -39,14 +39,14 @@
                   <v-select v-model="selectedGenres" :label="$t('track.filters.genres')"
                     :items="playlistsStore.getTopGenres(playlistId)" item-title="cap_name" item-value="name"
                     variant="outlined" density="compact" multiple class="filter-select"
-                    :menu-props="{ 'max-height': '250px' }">
+                    :menu-props="{ 'maxHeight': '250px' }">
                   </v-select>
                 </div>
 
                 <div id="artist-filter">
                   <v-select v-model="selectedArtists" :label="$t('track.filters.artists')" :items="getSortedArtists()"
                     item-title="name" variant="outlined" density="compact" multiple return-object
-                    :menu-props="{ 'max-height': '250px' }">
+                    :menu-props="{ 'maxHeight': '250px' }">
                     <template v-slot:selection="{ item, index }: SlotProps">
                       <v-chip v-if="index < 2" variant="outlined">
                         <v-avatar>