feat: Add PWA support with configuration and manifest for ThermoTrack

ebanDev · Jan 7, 2025 · 8f7b1f3 · 8f7b1f3
1 parent f50040f
commit 8f7b1f3
Show file tree

Hide file tree

Showing 4 changed files with 26 additions and 18 deletions.
diff --git a/bun.lockb b/bun.lockb
diff --git a/nuxt.config.ts b/nuxt.config.ts
@@ -7,10 +7,34 @@ export default defineNuxtConfig({
         "@nuxtjs/google-fonts",
         "@pinia/nuxt",
         "@pinia-plugin-persistedstate/nuxt",
-        "nuxt-swiper"
+        "nuxt-swiper",
+        '@nuxtjs/pwa',
     ],
     css: ["~/static/css/base.css", "~/static/css/tailwind.css"],
 
+    pwa: {
+        icon: {
+            source: "~/public/favicon.png",
+        },
+
+        manifest: {
+            name: "ThermoTrack",
+            short_name: "ThermoTrack",
+            description: "ThermoTrack is a thermal contraception tracking PWA",
+            theme_color: "#e9ecef",
+            lang: "fr",
+            background_color: "#e9ecef",
+            scope: "/",
+            icons: [
+                {
+                    src: "/favicon.png",
+                    sizes: "512x512",
+                    type: "image/png",
+                },
+            ],
+        },
+    },
+
     app: {
         head: {
             title: "ThermoTrack",

diff --git a/package.json b/package.json
@@ -26,6 +26,7 @@
     "vue-chartjs": "^5.3.2"
   },
   "devDependencies": {
+    "@nuxtjs/pwa": "^3.3.5",
     "autoprefixer": "^10.4.20",
     "postcss": "^8.4.49",
     "sass": "^1.80.6",

diff --git a/public/manifest.json b/public/manifest.json