feat(Musics): Add sounds and music. Closes #135

antoinezanardi · Mar 3, 2021 · 6c47509 · 6c47509
1 parent 5890114
commit 6c47509
Show file tree

Hide file tree

Showing 13 changed files with 129 additions and 66 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -26,6 +26,7 @@
 * [#143](https://github.com/antoinezanardi/werewolves-assistant-web/issues/143) - Style for players who voted.
 * [#144](https://github.com/antoinezanardi/werewolves-assistant-web/issues/144) - Players are getting asleep when action is over.
 * [#145](https://github.com/antoinezanardi/werewolves-assistant-web/issues/145) - Capitalize all roles in texts.
+* [#146](https://github.com/antoinezanardi/werewolves-assistant-web/issues/146) - Improve SEO.
 
 ### 🐛 Bug fixes
 
@@ -45,14 +46,16 @@
 ### 📦 Packages
 
 * `howler` installed with version `2.2.1`.
-* `particles.vue` installed with version `2.2.1`.
+* `particles.vue` installed with version `2.2.2`.
 * `vue-backtotop` installed with version `1.6.1`.
+* `vue-meta` installed with version `2.4.0`.
 * `@sentry/browser` updated to version `6.2.1`.
 * `@sentry/integrations` updated to version `6.2.1`.
 * `@vue/test-utils` updated to version `1.1.3`.
-* `chai` updated to version `4.3.0`.
+* `chai` updated to version `4.3.1`.
 * `eslint` updated to version `7.21.0`.
 * `eslint-plugin-vue` updated to version `7.7.0`.
+* `jquery` updated to version `3.6.0`.
 * `sweetalert2` updated to version `10.15.5`.
 * `vue-i18n` updated to version `8.23.0`.
 * `vue-gtag` updated to version `1.11.0`.

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -44,6 +44,7 @@
         "vue-js-toggle-button": "^1.3.3",
         "vue-keypress": "^2.1.1",
         "vue-lazyload": "^1.3.3",
+        "vue-meta": "^2.4.0",
         "vue-roller": "^1.12.4",
         "vue-router": "^3.5.1",
         "vue-scrollto": "^2.20.0",

diff --git a/public/index.html b/public/index.html
@@ -1,14 +1,8 @@
 <!DOCTYPE html>
-<html lang="fr">
+<html>
 <head>
-    <meta charset="utf-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width,initial-scale=1.0">
-    <meta name="description" content="L'assistant officiel du maître du jeu pour Les Loups-Garous de Thiercelieux."/>
-    <meta name="keywords" content="antoine, zanardi, loups, garous, werewolves, werewolf, thiercelieux, millers, hollow, assistant, aide, maitre, jeu, gratuit, vue"/>
     <link rel="stylesheet" type="text/css" href="<%= BASE_URL %>css/loader.css">
     <link rel="icon" href="<%= BASE_URL %>favicon.ico">
-    <title><%= htmlWebpackPlugin.options.title %></title>
 </head>
 <body>
 <div id="app">

diff --git a/public/robots.txt b/public/robots.txt
@@ -0,0 +1,3 @@
+User-Agent: *
+Allow: /
+Sitemap: https://werewolves-assistant.antoinezanardi.fr/sitemaps.xml
diff --git a/src/App.vue b/src/App.vue
@@ -15,8 +15,9 @@
 
 <script>
 import { mapActions } from "vuex";
-import SpinningLoader from "./components/SpinningLoader/SpinningLoader";
-import NavBar from "./components/NavBar/NavBar";
+import i18n from "@/plugins/vue-i18n";
+import SpinningLoader from "@/components/SpinningLoader/SpinningLoader";
+import NavBar from "@/components/NavBar/NavBar";
 import NotAvailable from "@/components/NotAvailable/NotAvailable";
 
 export default {
@@ -57,6 +58,17 @@ export default {
             }
         },
     },
+    metaInfo: {
+        htmlAttrs: { lang: i18n.t("App.metaInfo.lang") },
+        title: i18n.t("App.metaInfo.title"),
+        meta: [
+            { charset: "UTF-8" },
+            { name: "viewport", content: "width=device-width, initial-scale=1.0" },
+            { "http-equiv": "X-UA-Compatible", "content": "IE=edge" },
+            { name: "description", content: i18n.t("App.metaInfo.description") },
+            { name: "keywords", content: i18n.t("App.metaInfo.keywords") },
+        ],
+    },
 };
 </script>
 

diff --git a/src/classes/AudioManager.js b/src/classes/AudioManager.js
@@ -28,7 +28,7 @@ class AudioManager {
         const ambientNightFiles = [
             "/audio/ambient/night/night-1.mp3",
             "/audio/ambient/night/night-2.mp3",
-            "/audio/ambient/night/night-3f.mp3",
+            "/audio/ambient/night/night-3.mp3",
         ];
         for (const ambientNightFile of ambientNightFiles) {
             this.ambient.nightMusics.push(new Howl({ src: ambientNightFile, ...options }));

diff --git a/src/components/About/About.vue b/src/components/About/About.vue
@@ -172,6 +172,7 @@
 import { mapGetters } from "vuex";
 import RoleImage from "@/components/shared/Game/Role/RoleImage";
 import RoleText from "@/components/shared/Game/Role/RoleText";
+import { i18n } from "@/plugins";
 
 export default {
     name: "About",
@@ -180,6 +181,7 @@ export default {
     created() {
         localStorage.setItem("aboutPageVisited", "true");
     },
+    metaInfo: { titleTemplate: `%s - ${i18n.t("About.metaInfo.title")}` },
 };
 </script>