fix: use pwa module for ios splash screen

Author: danielroe

src/parts/meta.ts

@@ -7,10 +7,6 @@ export const setupMeta = () => {
     { name: 'color-scheme', content: 'light dark' },
     { name: 'format-detection', content: 'telephone: no' },
     { name: 'msapplication-tap-highlight', content: 'no' },
-    // add to homescreen for ios
-    { name: 'apple-mobile-web-app-capable', content: 'yes' },
-    { name: 'apple-mobile-web-app-title', content: 'Ionic App' },
-    { name: 'apple-mobile-web-app-status-bar-style', content: 'black' },
   ]
 
   nuxt.options.app.head.meta = nuxt.options.app.head.meta || []

src/parts/pwa.ts

@@ -4,12 +4,18 @@ import { provider } from 'std-env'
 export const setupPWA = async () => {
   const nuxt = useNuxt()
 
+  nuxt.options.pwa ||= {}
+
   if (provider === 'stackblitz') {
-    ;(nuxt.options as any).pwa = (nuxt.options as any).pwa || {}
-    ;(nuxt.options as any).pwa.icon = false
+    nuxt.options.pwa.icon = false
     console.warn(
       'Disabling PWA icon generation as `sharp` is not currently supported on StackBlitz.'
     )
   }
+
+  // Generate splash screens for iOS
+  nuxt.options.pwa.meta ||= {}
+  nuxt.options.pwa.meta.mobileAppIOS ??= true
+
   await installModule('@kevinmarrec/nuxt-pwa')
 }

tsconfig.json

@@ -1,3 +1,8 @@
 {
-  "extends": "./playground/.nuxt/tsconfig.json"
+  "extends": "./playground/.nuxt/tsconfig.json",
+  "compilerOptions": {
+    "types": [
+      "@kevinmarrec/nuxt-pwa"
+    ]
+  }
 }