feat: vite-pwa

Author: qin-guan

nuxt.config.ts

@@ -7,8 +7,12 @@ export default defineNuxtConfig({
 
   modules: [
     'nuxt-vuefire',
+    '@vite-pwa/nuxt',
   ],
 
+  pwa: {
+  },
+
   vuefire: {
     emulators: false,
 

package.json

@@ -17,6 +17,7 @@
     "@libsql/client": "^0.3.4",
     "@nuxt/devtools": "latest",
     "@paralleldrive/cuid2": "^2.2.2",
+    "@vite-pwa/nuxt": "^0.1.1",
     "dayjs": "^1.11.9",
     "dotenv": "^16.3.1",
     "drizzle-kit": "^0.19.13",

pages/app.vue

@@ -28,6 +28,7 @@ const appRoutes = [
 ]
 
 useHeadSafe({
+  titleTemplate: 'SSTAA - %s',
   meta: [
     {
       name: 'viewport',
@@ -56,6 +57,7 @@ const route = useRoute()
 </script>
 
 <template>
+  <VitePwaManifest />
   <f7App
     name="SSTAA"
     theme="md"

pages/app/index.vue

@@ -1,3 +1,9 @@
+<script setup lang="ts">
+useSeoMeta({
+  title: 'Home',
+})
+</script>
+
 <template>
   <AppHomePage />
 </template>