feat: setup pwa

ntnyq · Jul 24, 2024 · 5000d4d · 5000d4d
1 parent c82fbb7
commit 5000d4d
Show file tree

Hide file tree

Showing 4 changed files with 2,863 additions and 117 deletions.
diff --git a/app.vue b/app.vue
@@ -2,6 +2,7 @@
   <Suspense>
     <main class="flex flex-col lg:h-screen">
       <NuxtLayout />
+      <NuxtPwaManifest />
     </main>
 
     <template #fallback>

diff --git a/nuxt.config.ts b/nuxt.config.ts
@@ -4,7 +4,7 @@
  */
 
 export default defineNuxtConfig({
-  modules: ['@vueuse/nuxt', '@unocss/nuxt', '@nuxt/content'],
+  modules: ['@vueuse/nuxt', '@unocss/nuxt', '@nuxt/content', '@vite-pwa/nuxt', '@nuxt/image'],
 
   css: ['@unocss/reset/tailwind.css', '~/styles/vars.css', '~/styles/index.css'],
 
@@ -36,6 +36,8 @@ export default defineNuxtConfig({
     enabled: true,
   },
 
+  pwa: {},
+
   // Disable SSR when building
   ssr: false,
 

diff --git a/package.json b/package.json
@@ -21,7 +21,9 @@
   "dependencies": {
     "@iconify/json": "^2.2.230",
     "@nuxt/content": "^2.13.2",
+    "@nuxt/image": "^1.7.0",
     "@unocss/nuxt": "^0.61.5",
+    "@vite-pwa/nuxt": "^0.9.1",
     "@vueuse/nuxt": "^10.11.0",
     "floating-vue": "^5.2.2",
     "nuxt": "^3.12.4"