fix: disable icon integration on stackblitz

Author: danielroe

package.json

@@ -55,6 +55,7 @@
     "@kevinmarrec/nuxt-pwa": "^0.3.0",
     "@nuxt/kit": "^3.0.0-rc.4",
     "pathe": "^0.3.0",
+    "std-env": "^3.1.1",
     "unimport": "^0.2.9"
   },
   "devDependencies": {

playground/nuxt.config.ts

@@ -3,11 +3,11 @@ import { defineNuxtConfig } from 'nuxt'
 export default defineNuxtConfig({
   modules: ['nuxt-ionic'],
   ionic: {
-    integrations: {
+    // integrations: {
     //   meta: true,
-       pwa: false,
+    //   pwa: true,
     //   router: true,
-    },
+    // },
     // css: {
     //   core: true,
     //   basic: true,

pnpm-lock.yaml

@@ -8,6 +8,7 @@ import {
   installModule,
 } from '@nuxt/kit'
 import type { NuxtPage } from '@nuxt/schema'
+import { provider } from 'std-env'
 
 export interface ModuleOptions {
   integrations?: {
@@ -93,7 +94,8 @@ export default defineNuxtModule<ModuleOptions>({
       )
     })
 
-    if (options.integrations.meta) {
+    if (options.integrations?.meta) {
+      nuxt.options.app.head.meta = nuxt.options.app.head.meta || []
       for (const meta of metaDefaults) {
         if (!nuxt.options.app.head.meta.some(i => i.name === meta.name)) {
           nuxt.options.app.head.meta.unshift(meta)
@@ -103,7 +105,14 @@ export default defineNuxtModule<ModuleOptions>({
         'viewport-fit: cover, width: device-width, initial-scale: 1.0, minimum-scale: 1.0, maximum-scale: 1.0, user-scalable: no'
     }
 
-    if (options.integrations.pwa) {
+    if (options.integrations?.pwa) {
+      if (provider === 'stackblitz') {
+        ;(nuxt.options.pwa as any) = (nuxt.options.pwa as any) || {}
+        ;(nuxt.options.pwa as any).icon = false
+        console.warn(
+          'Disabling PWA icon generation as `sharp` is not currently supported on StackBlitz.'
+        )
+      }
       await installModule('@kevinmarrec/nuxt-pwa')
     }