PWA configuration

components/navigation/menu/Sidebar.vue

@@ -2,7 +2,7 @@
 	<aside class="menu shadow position-fixed">
 		<div class="nav_header pb-3 mb-4">
 			<nuxt-link :to="localePath('/')" class="d-flex">
-				<img src="@/assets/img/logo.png" alt="Accueil" class="logo" />
+				<img :src="$icon(512)" alt="Accueil" class="logo" />
 				<div>
 					<h1 class="h2">Wotwizard</h1>
 					<small class="text-muted">{{ $t("slogan") }}</small>

nuxt.config.js

@@ -17,7 +17,7 @@ export default {
 			{ hid: "description", name: "description", content: "" },
 			{ name: "format-detection", content: "telephone=no" }
 		],
-		link: [{ rel: "icon", type: "image/x-icon", href: "/favicon.ico" }]
+		link: [{ rel: "icon", type: "image/x-icon", href: "/favicon-96x96.png" }]
 	},
 
 	// Global CSS: https://go.nuxtjs.dev/config-css
@@ -71,8 +71,25 @@ export default {
 
 	// PWA module configuration: https://go.nuxtjs.dev/pwa
 	pwa: {
+		meta: {
+			name: "Wotwizard",
+			author: "Paidge",
+			description:
+				"Vérifiez les entrées et les sorties de la toile de confiance de la monnaie libre Ğ1",
+			lang: "fr",
+			ogHost: "wotwizard.axiom-team.fr",
+			ogImage: true,
+			twitterCard: "app",
+			nativeUI: true,
+			theme_color: "#343a40"
+		},
 		manifest: {
-			lang: "fr"
+			name: "Wotwizard",
+			short_name: "Wotwizard",
+			description:
+				"Vérifiez les entrées et les sorties de la toile de confiance de la monnaie libre Ğ1",
+			lang: "fr",
+			background_color: "#343a40"
 		}
 	},