feat: add pwa and meta tag configuration

Author: danielroe

README.md

@@ -17,6 +17,8 @@
 - [x] Auto-import Ionic components and composables throughout your app
 - [x] Ionic Router integration
 - [x] Pre-rendering auto-configuration
+- [x] Mobile meta tags
+- [x] PWA support with [`nuxt-pwa-module`](https://github.com/kevinmarrec/nuxt-pwa-module)
 - [ ] Capacitor implementation confirmed working
 
 ## Quick setup
@@ -39,6 +41,8 @@ export default defineNuxtConfig({
   ionic: {
     // default options - no configuration is required
     integrations: {
+      meta: true,
+      pwa: true,
       router: true,
     },
     css: {

package.json

@@ -52,6 +52,7 @@
   "dependencies": {
     "@ionic/vue": "^6.1.10",
     "@ionic/vue-router": "^6.1.10",
+    "@kevinmarrec/nuxt-pwa": "^0.3.0",
     "@nuxt/kit": "^3.0.0-rc.4",
     "pathe": "^0.3.0",
     "unimport": "^0.2.9"

playground/nuxt.config.ts

@@ -4,6 +4,8 @@ export default defineNuxtConfig({
   modules: ['nuxt-ionic'],
   ionic: {
     // integrations: {
+    //   meta: true,
+    //   pwa: true,
     //   router: true,
     // },
     // css: {

playground/pages/index.vue

@@ -28,7 +28,7 @@
       </ion-list>
 
       <ion-fab vertical="bottom" horizontal="end" slot="fixed">
-        <ion-fab-button @click="() => router.push('/new')">
+        <ion-fab-button router-link="/new">
           <ion-icon :icon="add"></ion-icon>
         </ion-fab-button>
       </ion-fab>
@@ -38,7 +38,6 @@
 
 <script setup>
 import { add } from 'ionicons/icons'
-const router = useIonRouter()
 useHead({
   title: 'Nuxt Ionic',
 })