feat: pwa (#43)

* feat: PWA * fix: header blur
0plan · Mar 22, 2024 · b562a4f · b562a4f
1 parent 470556d
commit b562a4f
Show file tree

Hide file tree

Showing 13 changed files with 832 additions and 297 deletions.
diff --git a/README.md b/README.md
@@ -15,10 +15,9 @@ VRTN is Vite React Typescript i18n template
 - [Layout](https://github.com/oedotme/generouted?tab=readme-ov-file#file-and-directories-naming-and-conventions)
 - [Storybook](https://storybook.js.org/)
 - Docker
+- [PWA](https://vite-pwa-org.netlify.app/)
 
 ## 🚧 TO-DO
-
-- [PWA]()
 - [Markdown Support]()
 - Unit Testing with [Vitest](https://github.com/vitest-dev/vitest), E2E Testing with [Playwright](https://playwright.dev/)
   on [GitHub Actions](https://github.com/features/actions)

diff --git a/index.html b/index.html
@@ -2,8 +2,8 @@
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <link rel="icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>🚧</text></svg>">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
     <title>VRTN</title>
   </head>
   <body class='dark:bg-gray-800'>

diff --git a/package.json b/package.json
@@ -115,6 +115,7 @@
     "tailwindcss": "^3.4.1",
     "typescript": "^5.4.3",
     "vite": "^5.2.2",
+    "vite-plugin-pwa": "^0.19.6",
     "vite-tsconfig-paths": "^4.3.2"
   }
 }