correction du bug mobile + test service worker

docs/.vuepress/config.js

@@ -1,6 +1,17 @@
 module.exports = {
   title: 'Héros & Dragons DRS',
   description: 'Document de Référence Système pour le jeu de rôle Héros & Dragons',
+  head: [
+    ['link', { rel: 'icon', href: '/favicon-32x32.png' }],
+    ['link', { rel: 'manifest', href: '/manifest.json' }],
+    ['meta', { name: 'theme-color', content: '#563f5a' }],
+    ['meta', { name: 'apple-mobile-web-app-capable', content: 'yes' }],
+    ['meta', { name: 'apple-mobile-web-app-status-bar-style', content: 'black' }],
+    ['link', { rel: 'apple-touch-icon', href: '/apple-touch-icon.png' }],
+    ['link', { rel: 'mask-icon', href: '/icons/safari-pinned-tab.svg', color: '#563f5a' }],
+    ['meta', { name: 'msapplication-TileImage', content: '/icons/mstile-144x144.png' }],
+    ['meta', { name: 'msapplication-TileColor', content: '#ffffff' }]
+  ],
   plugins: [
     [
       '@vuepress/blog',
@@ -66,11 +77,21 @@ module.exports = {
         ],
       }
     ],
-    ['check-md', {}],
     [
-      'sitemap', {
+      'check-md', {}
+    ],
+    [
+      'sitemap',
+      {
         hostname: 'https://heros-et-dragons.fr'
-      },
+      }
+    ],
+    [
+      '@vuepress/pwa',
+      {
+        serviceWorker: true,
+        updatePopup: true
+      }
     ],
   ],
   // extendPageData ($page) {
@@ -93,8 +114,8 @@ module.exports = {
   themeConfig: {
     repository: 'https://github.com/em-squared/heros-et-dragons-drs',
     kofi: 'https://ko-fi.com/S6S410PB8',
-    primaryColor: '#563f5a',
-    accentColor: '#9b1c47',
+    primaryColor: '#563f5a', // Hero
+    accentColor: '#9b1c47', // Dragon
     searchPlaceholder: 'Recherche',
     nav: [
       { text: 'Home', link: '/' },

docs/.vuepress/public/manifest.json

@@ -0,0 +1,25 @@
+{
+  "dir" : "ltr",
+  "lang" : "fr",
+  "name" : "Héros & Dragons DRS",
+  "scope" : "/",
+  "display" : "standalone",
+  "start_url" : "https://staging.heros-et-dragons.fr/",
+  "short_name" : "H&D DRS",
+  "theme_color" : "#563f5a",
+  "description" : "Document de référence système pour le jeu de rôle Héros & Dragons",
+  "orientation" : "any",
+  "background_color" : "#ffffff",
+  "icons" : [
+    {
+        "src": "https://staging.heros-et-dragons.fr/android-chrome-192x192.png",
+        "type": "image/png",
+        "sizes": "192x192"
+    },
+    {
+        "src": "https://staging.heros-et-dragons.fr/android-chrome-512x512.png",
+        "type": "image/png",
+        "sizes": "512x512"
+    }
+  ]
+}

docs/.vuepress/store/index.js

@@ -16,7 +16,7 @@ export default new Vuex.Store({
 
   state: {
     loading: false,
-    drawer: true,
+    drawer: false,
     rightDrawer: false,
     hasRightDrawer: false,
     inRightDrawer: null,

docs/.vuepress/theme/layouts/GlobalLayout.vue

@@ -14,9 +14,6 @@
           </v-col>
         </v-row>
       </v-container>
-      <v-overlay :value="loading">
-        <v-progress-circular indeterminate size="64"></v-progress-circular>
-      </v-overlay>
     </v-content>
   </v-app>
 </template>
@@ -45,9 +42,9 @@ export default {
   },
 
   computed: {
-    loading () {
-      return this.$store.state.loading
-    },
+    // loading () {
+    //   return this.$store.state.loading
+    // },
     hasRightDrawer() {
       return this.$store.state.hasRightDrawer
     }