Merge pull request #39 from SaqibSyed1014/pwa

Pwa
SaqibSyed1014 · Sep 10, 2024 · 84e2afb · 84e2afb
2 parents ad8b696 + d1c9050
commit 84e2afb
Show file tree

Hide file tree

Showing 8 changed files with 4,899 additions and 3,381 deletions.
diff --git a/.idea/workspace.xml b/.idea/workspace.xml
diff --git a/app.vue b/app.vue
@@ -22,7 +22,7 @@ if (host?.includes('servehub.io') || host?.includes('devweb') ||  host?.includes
       }
     ]
   })
- 
+
 }
 
 useHead({
@@ -88,9 +88,8 @@ function assignPageMetaInfo(metaData :MetaData) {
 
 <template>
   <Html lang="en-US">
-    <Body
-        class="bg-gray-25 text-gray-900 antialiased transition-colors duration-300"
-    >
+  <VitePwaManifest />
+    <Body class="bg-gray-25 text-gray-900 antialiased transition-colors duration-300">
       <NuxtLayout>
         <NuxtPage />
       </NuxtLayout>

diff --git a/netlify.toml b/netlify.toml
@@ -0,0 +1,21 @@
+[build]
+publish = "dist"
+command = "pnpm run build"
+
+[[redirects]]
+from = "/*"
+to = "/index.html"
+status = 200
+
+[[headers]]
+for = "/manifest.webmanifest"
+[headers.values]
+Content-Type = "application/manifest+json"
+
+[[headers]]
+for = "/assets/*"
+[headers.values]
+cache-control = '''
+    max-age=31536000,
+    immutable
+    '''
diff --git a/nuxt.config.ts b/nuxt.config.ts
@@ -24,6 +24,7 @@ export default defineNuxtConfig({
                 { property: 'og:image', content: 'https://assets.servehub.io/images/og-logo.png' },
                 { property: 'og:url', content: 'https://www.servehub.io' },
                 { property: 'og:type', content: 'website' },
+                { name: 'theme-color', content: '#099250' }
             ]
         }
     },
@@ -56,8 +57,38 @@ export default defineNuxtConfig({
         'nuxt-swiper',
         'nuxt-svgo',
         '@pinia/nuxt',
-        'nuxt-lodash'
+        'nuxt-lodash',
+        '@vite-pwa/nuxt'
     ],
+    pwa: {
+        mode: 'development',
+        registerType: 'autoUpdate',
+        manifest: {
+            name: 'ServeHub.io',
+            short_name: 'ServeHub',
+            description: 'Find ur next job in the hospitality industry. Explore roles in hotels, restaurants, bars, and more.',
+            theme_color: '#099250',
+            icons: [
+                {
+                    src: 'android-chrome-192x192.png',
+                    sizes: '192x192',
+                    type: 'image/png'
+                },
+                {
+                    src: 'android-chrome-512x512.png',
+                    sizes: '512x512',
+                    type: 'image/png'
+                }
+            ],
+        },
+        workbox: {
+            navigateFallback: '/'
+        },
+        devOptions: {
+            enabled: true,
+            type: 'module'
+        }
+    },
     components: [
         {
             path: '~/components', // will get any components nested in let's say /components/test too