feat(font): use nuxt font instead of google plugin (#970)

## Summary by CodeRabbit ## Release Notes - **New Features** - Introduced a new font management system, replacing the previous Google Fonts integration. - Updated the application to utilize the "Quicksand" font. - **Bug Fixes** - Removed scoped styles that may have affected page content display. - **Documentation** - Updated test cases to reflect changes in component structure and functionality. - **Chores** - Updated package dependencies, including the removal of outdated font management packages.
antoinezanardi · Oct 13, 2024 · 31ab282 · 31ab282
1 parent a6458dd
commit 31ab282
Show file tree

Hide file tree

Showing 120 changed files with 768 additions and 320 deletions.
diff --git a/app/app.vue b/app/app.vue
@@ -47,10 +47,4 @@ useHead({
 
 void rolesStore.fetchAndSetRoles();
 setHowlerAudioSettingsFromAudioStoreState();
-</script>
-
-<style lang="scss" scoped>
-.page-content {
-  padding: 10px;
-}
-</style>
+</script>
diff --git a/app/assets/css/google-fonts.css b/app/assets/css/google-fonts.css
diff --git a/app/assets/fonts/Quicksand-300_700-1.woff2 b/app/assets/fonts/Quicksand-300_700-1.woff2
diff --git a/nuxt.config.ts b/nuxt.config.ts
@@ -6,7 +6,7 @@ const modules = [
   "@primevue/nuxt-module",
   "@nuxtjs/i18n",
   "@nuxt/image",
-  "@nuxtjs/google-fonts",
+  "@nuxt/fonts",
   "@aksharahegde/nuxt-glow",
   process.env.NODE_ENV !== "test" && "@pinia/nuxt",
   "./modules/register-components/register-components.module.ts",
@@ -69,7 +69,6 @@ export default defineNuxtConfig({
   css: [
     "@fortawesome/fontawesome-svg-core/styles.css",
     "./assets/scss/custom.scss",
-    "./assets/css/google-fonts.css",
     "animate.css/animate.min.css",
   ],
   devtools: { enabled: true },
@@ -87,17 +86,25 @@ export default defineNuxtConfig({
       "Quicksand:700",
     ],
   },
-  future: { compatibilityVersion: 4 },
-  googleFonts: {
-    display: "swap",
-    families: { Quicksand: { wght: "300..700" } },
-    outputDir: "assets/fonts",
-    stylePath: "../css/google-fonts.css",
-    fontsDir: "./",
+  fonts: {
+    global: true,
+    provider: "google",
     preload: true,
-    text: "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyzÀÁÂÃÄÅÆÇÈÉÊËÌÍÎÏÐÑÒÓÔÕÖØÙÚÛÜÝÞßàáâãäåæçèéêëìíîïðñòóôõöøùúûüýþÿ0123456789.,;:!?'\"™",
-    overwriting: false,
+    families: [
+      {
+        name: "Quicksand",
+        provider: "google",
+        weights: [
+          "300",
+          "400",
+          "500",
+          "600",
+          "700",
+        ],
+      },
+    ],
   },
+  future: { compatibilityVersion: 4 },
   i18n: {
     vueI18n: "./modules/i18n/i18n.config.ts",
     defaultLocale: process.env.NUXT_PUBLIC_DEFAULT_LOCALE,

diff --git a/package.json b/package.json
@@ -90,10 +90,10 @@
     "@eslint/eslintrc": "^3.1.0",
     "@faker-js/faker": "^9.0.3",
     "@nuxt/devtools": "^1.6.0",
+    "@nuxt/fonts": "^0.10.0",
     "@nuxt/image": "^1.8.1",
     "@nuxt/kit": "^3.13.2",
     "@nuxt/test-utils": "^3.14.3",
-    "@nuxtjs/google-fonts": "^3.2.0",
     "@nuxtjs/i18n": "^8.5.5",
     "@nuxtjs/robots": "^4.1.7",
     "@nuxtjs/seo": "^2.0.0-rc.23",

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/tests/acceptance/screenshots/darwin/About Page.png b/tests/acceptance/screenshots/darwin/About Page.png
diff --git a/tests/acceptance/screenshots/darwin/Accursed Wolf-Father infects Playground.png b/tests/acceptance/screenshots/darwin/Accursed Wolf-Father infects Playground.png
diff --git a/tests/acceptance/screenshots/darwin/Actor chooses card Playground.png b/tests/acceptance/screenshots/darwin/Actor chooses card Playground.png
diff --git a/tests/acceptance/screenshots/darwin/Big Bad Wolf eats Playground.png b/tests/acceptance/screenshots/darwin/Big Bad Wolf eats Playground.png
diff --git a/tests/acceptance/screenshots/darwin/Charmed people meet each other Playground.png b/tests/acceptance/screenshots/darwin/Charmed people meet each other Playground.png
diff --git a/tests/acceptance/screenshots/darwin/Cupid charms Playground.png b/tests/acceptance/screenshots/darwin/Cupid charms Playground.png
diff --git a/tests/acceptance/screenshots/darwin/Defender protects Playground.png b/tests/acceptance/screenshots/darwin/Defender protects Playground.png
diff --git a/tests/acceptance/screenshots/darwin/Fox sniffs Playground.png b/tests/acceptance/screenshots/darwin/Fox sniffs Playground.png
diff --git a/...eptance/screenshots/darwin/Game Lobby Additional Cards Manager with 5 cards.png b/...eptance/screenshots/darwin/Game Lobby Additional Cards Manager with 5 cards.png
diff --git a/...ptance/screenshots/darwin/Game Lobby Additional Cards Manager without cards.png b/...ptance/screenshots/darwin/Game Lobby Additional Cards Manager without cards.png
diff --git a/.../acceptance/screenshots/darwin/Game Lobby Group Organizer with valid groups.png b/.../acceptance/screenshots/darwin/Game Lobby Group Organizer with valid groups.png
diff --git a/...ceptance/screenshots/darwin/Game Lobby Group Organizer without valid groups.png b/...ceptance/screenshots/darwin/Game Lobby Group Organizer without valid groups.png
diff --git a/tests/acceptance/screenshots/darwin/Game Lobby Options Hub on Composition tab.png b/tests/acceptance/screenshots/darwin/Game Lobby Options Hub on Composition tab.png
diff --git a/tests/acceptance/screenshots/darwin/Game Lobby Options Hub on Roles tab.png b/tests/acceptance/screenshots/darwin/Game Lobby Options Hub on Roles tab.png
diff --git a/tests/acceptance/screenshots/darwin/Game Lobby Options Hub on Votes tab.png b/tests/acceptance/screenshots/darwin/Game Lobby Options Hub on Votes tab.png
diff --git a/tests/acceptance/screenshots/darwin/Game Lobby Page with 40 players.png b/tests/acceptance/screenshots/darwin/Game Lobby Page with 40 players.png
diff --git a/tests/acceptance/screenshots/darwin/Game Lobby Page without players.png b/tests/acceptance/screenshots/darwin/Game Lobby Page without players.png
diff --git a/tests/acceptance/screenshots/darwin/Game Lobby Role Picker with picked role.png b/tests/acceptance/screenshots/darwin/Game Lobby Role Picker with picked role.png
diff --git a/tests/acceptance/screenshots/darwin/Game Lobby Role Picker without picked role.png b/tests/acceptance/screenshots/darwin/Game Lobby Role Picker without picked role.png
diff --git a/tests/acceptance/screenshots/darwin/Game Phase Event.png b/tests/acceptance/screenshots/darwin/Game Phase Event.png
diff --git a/tests/acceptance/screenshots/darwin/Game Playground without targets.png b/tests/acceptance/screenshots/darwin/Game Playground without targets.png
diff --git a/tests/acceptance/screenshots/darwin/Game Starts Event.png b/tests/acceptance/screenshots/darwin/Game Starts Event.png
diff --git a/tests/acceptance/screenshots/darwin/Game canceled.png b/tests/acceptance/screenshots/darwin/Game canceled.png
diff --git a/tests/acceptance/screenshots/darwin/Game feedback.png b/tests/acceptance/screenshots/darwin/Game feedback.png
diff --git a/tests/acceptance/screenshots/darwin/Game not found.png b/tests/acceptance/screenshots/darwin/Game not found.png
diff --git a/tests/acceptance/screenshots/darwin/Game won by Angel.png b/tests/acceptance/screenshots/darwin/Game won by Angel.png
diff --git a/tests/acceptance/screenshots/darwin/Game won by Lovers and Cupid.png b/tests/acceptance/screenshots/darwin/Game won by Lovers and Cupid.png
diff --git a/tests/acceptance/screenshots/darwin/Game won by Lovers.png b/tests/acceptance/screenshots/darwin/Game won by Lovers.png
diff --git a/tests/acceptance/screenshots/darwin/Game won by Pied Piper.png b/tests/acceptance/screenshots/darwin/Game won by Pied Piper.png
diff --git a/tests/acceptance/screenshots/darwin/Game won by Prejudiced Manipulator.png b/tests/acceptance/screenshots/darwin/Game won by Prejudiced Manipulator.png
diff --git a/tests/acceptance/screenshots/darwin/Game won by Villagers.png b/tests/acceptance/screenshots/darwin/Game won by Villagers.png
diff --git a/tests/acceptance/screenshots/darwin/Game won by Werewolves.png b/tests/acceptance/screenshots/darwin/Game won by Werewolves.png
diff --git a/tests/acceptance/screenshots/darwin/Game won by White Werewolf.png b/tests/acceptance/screenshots/darwin/Game won by White Werewolf.png
diff --git a/tests/acceptance/screenshots/darwin/Game won by nobody.png b/tests/acceptance/screenshots/darwin/Game won by nobody.png
diff --git a/tests/acceptance/screenshots/darwin/Home Page.png b/tests/acceptance/screenshots/darwin/Home Page.png
diff --git a/tests/acceptance/screenshots/darwin/Hunter shoots Playground.png b/tests/acceptance/screenshots/darwin/Hunter shoots Playground.png
diff --git a/tests/acceptance/screenshots/darwin/Lovers meet each other Playground.png b/tests/acceptance/screenshots/darwin/Lovers meet each other Playground.png
diff --git a/tests/acceptance/screenshots/darwin/Page not found.png b/tests/acceptance/screenshots/darwin/Page not found.png
diff --git a/tests/acceptance/screenshots/darwin/Pied Piper charms Playground.png b/tests/acceptance/screenshots/darwin/Pied Piper charms Playground.png
diff --git a/tests/acceptance/screenshots/darwin/Scandalmonger marks Playground.png b/tests/acceptance/screenshots/darwin/Scandalmonger marks Playground.png
diff --git a/tests/acceptance/screenshots/darwin/Scapegoat bans voting Playground.png b/tests/acceptance/screenshots/darwin/Scapegoat bans voting Playground.png
diff --git a/tests/acceptance/screenshots/darwin/Seer looks Playground.png b/tests/acceptance/screenshots/darwin/Seer looks Playground.png
diff --git a/tests/acceptance/screenshots/darwin/Sheriff delegates Playground.png b/tests/acceptance/screenshots/darwin/Sheriff delegates Playground.png
diff --git a/tests/acceptance/screenshots/darwin/Sheriff settles votes Playground.png b/tests/acceptance/screenshots/darwin/Sheriff settles votes Playground.png
diff --git a/...ptance/screenshots/darwin/Stuttering Judge Requests Another Vote Playground.png b/...ptance/screenshots/darwin/Stuttering Judge Requests Another Vote Playground.png
diff --git a/tests/acceptance/screenshots/darwin/Survivors elect Sheriff Playground.png b/tests/acceptance/screenshots/darwin/Survivors elect Sheriff Playground.png
diff --git a/tests/acceptance/screenshots/darwin/Thief chooses card Playground.png b/tests/acceptance/screenshots/darwin/Thief chooses card Playground.png
diff --git a/tests/acceptance/screenshots/darwin/Three Brothers meet each other Playground.png b/tests/acceptance/screenshots/darwin/Three Brothers meet each other Playground.png
diff --git a/tests/acceptance/screenshots/darwin/Two Sisters meet each other Playground.png b/tests/acceptance/screenshots/darwin/Two Sisters meet each other Playground.png
diff --git a/tests/acceptance/screenshots/darwin/Werewolves eat Playground.png b/tests/acceptance/screenshots/darwin/Werewolves eat Playground.png
diff --git a/tests/acceptance/screenshots/darwin/White Werewolf eats Playground.png b/tests/acceptance/screenshots/darwin/White Werewolf eats Playground.png
diff --git a/tests/acceptance/screenshots/darwin/Wild Child chooses model Playground.png b/tests/acceptance/screenshots/darwin/Wild Child chooses model Playground.png
diff --git a/tests/acceptance/screenshots/darwin/Witch out of potions Playground.png b/tests/acceptance/screenshots/darwin/Witch out of potions Playground.png
diff --git a/tests/acceptance/screenshots/darwin/Witch uses death potion Playground.png b/tests/acceptance/screenshots/darwin/Witch uses death potion Playground.png
diff --git a/tests/acceptance/screenshots/darwin/Witch uses life potion Playground.png b/tests/acceptance/screenshots/darwin/Witch uses life potion Playground.png
diff --git a/tests/acceptance/screenshots/darwin/Wolf-Hound chooses side Playground.png b/tests/acceptance/screenshots/darwin/Wolf-Hound chooses side Playground.png
diff --git a/tests/acceptance/screenshots/linux/About Page.png b/tests/acceptance/screenshots/linux/About Page.png
diff --git a/tests/acceptance/screenshots/linux/Accursed Wolf-Father infects Playground.png b/tests/acceptance/screenshots/linux/Accursed Wolf-Father infects Playground.png
diff --git a/tests/acceptance/screenshots/linux/Actor chooses card Playground.png b/tests/acceptance/screenshots/linux/Actor chooses card Playground.png
diff --git a/tests/acceptance/screenshots/linux/Big Bad Wolf eats Playground.png b/tests/acceptance/screenshots/linux/Big Bad Wolf eats Playground.png
diff --git a/tests/acceptance/screenshots/linux/Charmed people meet each other Playground.png b/tests/acceptance/screenshots/linux/Charmed people meet each other Playground.png
diff --git a/tests/acceptance/screenshots/linux/Cupid charms Playground.png b/tests/acceptance/screenshots/linux/Cupid charms Playground.png
diff --git a/tests/acceptance/screenshots/linux/Defender protects Playground.png b/tests/acceptance/screenshots/linux/Defender protects Playground.png
diff --git a/tests/acceptance/screenshots/linux/Fox sniffs Playground.png b/tests/acceptance/screenshots/linux/Fox sniffs Playground.png
diff --git a/...ceptance/screenshots/linux/Game Lobby Additional Cards Manager with 5 cards.png b/...ceptance/screenshots/linux/Game Lobby Additional Cards Manager with 5 cards.png
diff --git a/...eptance/screenshots/linux/Game Lobby Additional Cards Manager without cards.png b/...eptance/screenshots/linux/Game Lobby Additional Cards Manager without cards.png
diff --git a/...s/acceptance/screenshots/linux/Game Lobby Group Organizer with valid groups.png b/...s/acceptance/screenshots/linux/Game Lobby Group Organizer with valid groups.png
diff --git a/...cceptance/screenshots/linux/Game Lobby Group Organizer without valid groups.png b/...cceptance/screenshots/linux/Game Lobby Group Organizer without valid groups.png
diff --git a/tests/acceptance/screenshots/linux/Game Lobby Options Hub on Composition tab.png b/tests/acceptance/screenshots/linux/Game Lobby Options Hub on Composition tab.png
diff --git a/tests/acceptance/screenshots/linux/Game Lobby Options Hub on Roles tab.png b/tests/acceptance/screenshots/linux/Game Lobby Options Hub on Roles tab.png
diff --git a/tests/acceptance/screenshots/linux/Game Lobby Options Hub on Votes tab.png b/tests/acceptance/screenshots/linux/Game Lobby Options Hub on Votes tab.png
diff --git a/tests/acceptance/screenshots/linux/Game Lobby Page with 40 players.png b/tests/acceptance/screenshots/linux/Game Lobby Page with 40 players.png
diff --git a/tests/acceptance/screenshots/linux/Game Lobby Page without players.png b/tests/acceptance/screenshots/linux/Game Lobby Page without players.png
diff --git a/tests/acceptance/screenshots/linux/Game Lobby Role Picker with picked role.png b/tests/acceptance/screenshots/linux/Game Lobby Role Picker with picked role.png
diff --git a/tests/acceptance/screenshots/linux/Game Lobby Role Picker without picked role.png b/tests/acceptance/screenshots/linux/Game Lobby Role Picker without picked role.png
diff --git a/tests/acceptance/screenshots/linux/Game Phase Event.png b/tests/acceptance/screenshots/linux/Game Phase Event.png
diff --git a/tests/acceptance/screenshots/linux/Game Playground without targets.png b/tests/acceptance/screenshots/linux/Game Playground without targets.png
diff --git a/tests/acceptance/screenshots/linux/Game Starts Event.png b/tests/acceptance/screenshots/linux/Game Starts Event.png
diff --git a/tests/acceptance/screenshots/linux/Game canceled.png b/tests/acceptance/screenshots/linux/Game canceled.png
diff --git a/tests/acceptance/screenshots/linux/Game feedback.png b/tests/acceptance/screenshots/linux/Game feedback.png
diff --git a/tests/acceptance/screenshots/linux/Game not found.png b/tests/acceptance/screenshots/linux/Game not found.png
diff --git a/tests/acceptance/screenshots/linux/Game won by Angel.png b/tests/acceptance/screenshots/linux/Game won by Angel.png
diff --git a/tests/acceptance/screenshots/linux/Game won by Lovers and Cupid.png b/tests/acceptance/screenshots/linux/Game won by Lovers and Cupid.png
diff --git a/tests/acceptance/screenshots/linux/Game won by Lovers.png b/tests/acceptance/screenshots/linux/Game won by Lovers.png
diff --git a/tests/acceptance/screenshots/linux/Game won by Pied Piper.png b/tests/acceptance/screenshots/linux/Game won by Pied Piper.png
diff --git a/tests/acceptance/screenshots/linux/Game won by Prejudiced Manipulator.png b/tests/acceptance/screenshots/linux/Game won by Prejudiced Manipulator.png
diff --git a/tests/acceptance/screenshots/linux/Game won by Villagers.png b/tests/acceptance/screenshots/linux/Game won by Villagers.png
diff --git a/tests/acceptance/screenshots/linux/Game won by Werewolves.png b/tests/acceptance/screenshots/linux/Game won by Werewolves.png
diff --git a/tests/acceptance/screenshots/linux/Game won by White Werewolf.png b/tests/acceptance/screenshots/linux/Game won by White Werewolf.png
diff --git a/tests/acceptance/screenshots/linux/Game won by nobody.png b/tests/acceptance/screenshots/linux/Game won by nobody.png
diff --git a/tests/acceptance/screenshots/linux/Home Page.png b/tests/acceptance/screenshots/linux/Home Page.png
diff --git a/tests/acceptance/screenshots/linux/Hunter shoots Playground.png b/tests/acceptance/screenshots/linux/Hunter shoots Playground.png
diff --git a/tests/acceptance/screenshots/linux/Lovers meet each other Playground.png b/tests/acceptance/screenshots/linux/Lovers meet each other Playground.png
diff --git a/tests/acceptance/screenshots/linux/Page not found.png b/tests/acceptance/screenshots/linux/Page not found.png
diff --git a/tests/acceptance/screenshots/linux/Pied Piper charms Playground.png b/tests/acceptance/screenshots/linux/Pied Piper charms Playground.png
diff --git a/tests/acceptance/screenshots/linux/Scandalmonger marks Playground.png b/tests/acceptance/screenshots/linux/Scandalmonger marks Playground.png
diff --git a/tests/acceptance/screenshots/linux/Scapegoat bans voting Playground.png b/tests/acceptance/screenshots/linux/Scapegoat bans voting Playground.png
diff --git a/tests/acceptance/screenshots/linux/Seer looks Playground.png b/tests/acceptance/screenshots/linux/Seer looks Playground.png
diff --git a/tests/acceptance/screenshots/linux/Sheriff delegates Playground.png b/tests/acceptance/screenshots/linux/Sheriff delegates Playground.png
diff --git a/tests/acceptance/screenshots/linux/Sheriff settles votes Playground.png b/tests/acceptance/screenshots/linux/Sheriff settles votes Playground.png
diff --git a/...eptance/screenshots/linux/Stuttering Judge Requests Another Vote Playground.png b/...eptance/screenshots/linux/Stuttering Judge Requests Another Vote Playground.png
diff --git a/tests/acceptance/screenshots/linux/Survivors elect Sheriff Playground.png b/tests/acceptance/screenshots/linux/Survivors elect Sheriff Playground.png
diff --git a/tests/acceptance/screenshots/linux/Thief chooses card Playground.png b/tests/acceptance/screenshots/linux/Thief chooses card Playground.png
diff --git a/tests/acceptance/screenshots/linux/Three Brothers meet each other Playground.png b/tests/acceptance/screenshots/linux/Three Brothers meet each other Playground.png
diff --git a/tests/acceptance/screenshots/linux/Two Sisters meet each other Playground.png b/tests/acceptance/screenshots/linux/Two Sisters meet each other Playground.png
diff --git a/tests/acceptance/screenshots/linux/Werewolves eat Playground.png b/tests/acceptance/screenshots/linux/Werewolves eat Playground.png
diff --git a/tests/acceptance/screenshots/linux/White Werewolf eats Playground.png b/tests/acceptance/screenshots/linux/White Werewolf eats Playground.png
diff --git a/tests/acceptance/screenshots/linux/Wild Child chooses model Playground.png b/tests/acceptance/screenshots/linux/Wild Child chooses model Playground.png
diff --git a/tests/acceptance/screenshots/linux/Witch out of potions Playground.png b/tests/acceptance/screenshots/linux/Witch out of potions Playground.png
diff --git a/tests/acceptance/screenshots/linux/Witch uses death potion Playground.png b/tests/acceptance/screenshots/linux/Witch uses death potion Playground.png
diff --git a/tests/acceptance/screenshots/linux/Witch uses life potion Playground.png b/tests/acceptance/screenshots/linux/Witch uses life potion Playground.png
diff --git a/tests/acceptance/screenshots/linux/Wolf-Hound chooses side Playground.png b/tests/acceptance/screenshots/linux/Wolf-Hound chooses side Playground.png