custom title and favico

public/config/config.json

@@ -4,6 +4,7 @@
     "NODE_ENV":"development",
     "VUE_APP_LOCALE":"fr-FR",
     "VUE_APP_APPLICATION_NAME":"GéoContrib",
+    "VUE_APP_APPLICATION_FAVICO":"/geocontrib/img/geo2f.ico",
     "VUE_APP_APPLICATION_ABSTRACT":"Application de saisie d'informations géographiques contributive",
     "VUE_APP_LOGO_PATH":"/geocontrib/img/logo-neogeo-circle.png",
     "VUE_APP_DJANGO_BASE":"http://localhost:8010",

src/main.js

@@ -38,6 +38,15 @@ if(navigator.serviceWorker){
 
 let onConfigLoaded = function(config){
   store.commit("SET_CONFIG", config);
+
+  // set title and favico
+  document.title= config.VUE_APP_APPLICATION_NAME+' '+config.VUE_APP_APPLICATION_ABSTRACT;
+  let link = document.createElement('link');
+  link.id = 'dynamic-favicon';
+  link.rel = 'shortcut icon';
+  link.href = config.VUE_APP_APPLICATION_FAVICO;
+  document.head.appendChild(link);
+
   window.proxy_url=config.VUE_APP_DJANGO_API_BASE+"proxy/";
   axios.all([store.dispatch("USER_INFO"),
     store.dispatch("GET_ALL_PROJECTS"),

vue.config.js

@@ -23,6 +23,14 @@ module.exports = {
                 /manifest\.json$/ 
             ],
         },
+        iconPaths: {
+            faviconSVG: null,
+            favicon32: null,
+            favicon16: null,
+            appleTouchIcon: null,
+            maskIcon: null,
+            msTileImage: null,
+          },
         themeColor: '#1da025'
       },
     configureWebpack: {