Initial setup for vite pwa module

nuxt-modules · May 29, 2024 · d8eec09 · d8eec09
1 parent b2bfe7e
commit d8eec09
Show file tree

Hide file tree

Showing 9 changed files with 16,839 additions and 1 deletion.
diff --git a/playground/app.vue b/playground/app.vue
@@ -0,0 +1,10 @@
+<template>
+  <ion-app>
+    <NuxtPwaManifest />
+    <ion-router-outlet />
+  </ion-app>
+</template>
+
+<script setup>
+import { IonApp, IonRouterOutlet } from '@ionic/vue'
+</script>
diff --git a/playground/nuxt.config.ts b/playground/nuxt.config.ts
@@ -1,5 +1,7 @@
+const sw = process.env.SW === 'true'
+
 export default defineNuxtConfig({
-  modules: ['@nuxtjs/ionic'],
+  modules: ['@nuxtjs/ionic', "@vite-pwa/nuxt"],
   css: ['~/assets/css/ionic.css'],
   ionic: {
     // integrations: {
@@ -14,4 +16,37 @@ export default defineNuxtConfig({
     //   utilities: false,
     // },
   },
+  pwa: {
+    strategies: sw ? 'injectManifest' : 'generateSW',
+    srcDir: sw ? 'service-worker' : undefined,
+    filename: sw ? 'sw.ts' : undefined,
+    registerType: 'autoUpdate',
+    manifest: {
+      name: 'Nuxt Ionic PWA example app',
+      short_name: 'NuxtIonicPWAExampleApp',
+      theme_color: '#ffffff',
+      icons: [
+        {
+          src: 'pwa-192x192.png',
+          sizes: '192x192',
+          type: 'image/png',
+        },
+        {
+          src: 'pwa-512x512.png',
+          sizes: '512x512',
+          type: 'image/png',
+        },
+        {
+          src: 'pwa-512x512.png',
+          sizes: '512x512',
+          type: 'image/png',
+          purpose: 'any maskable',
+        },
+      ],
+    },
+    devOptions: {
+      enabled: true,
+      type: 'module',
+    },
+  }
 })