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'
 exportconstsetupPWA=async()=>{
 constnuxt=useNuxt()
 
+nuxt.options.pwa||={}
+
 if(provider==='stackblitz'){
-;(nuxt.optionsasany).pwa=(nuxt.optionsasany).pwa||{}
-;(nuxt.optionsasany).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
+
 awaitinstallModule('@kevinmarrec/nuxt-pwa')
 }

tsconfig.json

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