feat: init pwa

rudnovd · Oct 11, 2021 · ec03423 · ec03423
1 parent d7ec7c1
commit ec03423
Show file tree

Hide file tree

Showing 6 changed files with 43 additions and 39 deletions.
diff --git a/index.html b/index.html
@@ -7,15 +7,16 @@
     <meta name="application-name" content="Heroes 3 tools" />
     <meta
       name="keywords"
-      content="heroes 3 damage calculator, damage calculator heroes 3, heroes3tools, heroes 3 tools, heroes 3 hota, heroes 3, homm 3"
+      content="heroes 3 damage calculator, heroes 3 tools, heroes 3 hota, heroes 3, homm 3"
     />
     <meta
       name="description"
       content="Web tools for simplification playing in Heroes of Might and Magic III: Horn of The Abyss"
     />
     <link rel="icon" href="/favicon.ico" />
     <link rel="icon" href="/favicon.svg" type="image/svg+xml" sizes="any" />
-    <link rel="apple-touch-icon" href="/apple.png" />
+    <link rel="apple-touch-icon" href="/favicon-apple.png" />
+    <meta name="theme-color" content="#ffffff">
     <title>Vite App</title>
   </head>
   <body>

diff --git a/src/main.ts b/src/main.ts
@@ -1,8 +1,7 @@
-import { createApp } from 'vue'
 import App from '@/App.vue'
 import i18n from '@/i18n'
 import router from '@/router'
 import store from '@/store'
-import '@/registerServiceWorker'
+import { createApp } from 'vue'
 
 createApp(App).use(i18n).use(router).use(store).mount('#app')
diff --git a/src/registerServiceWorker.js b/src/registerServiceWorker.js
diff --git a/src/service-worker.js b/src/service-worker.js
diff --git a/tsconfig.json b/tsconfig.json
@@ -27,12 +27,12 @@
       "ESNext",
       "DOM",
       "DOM.Iterable",
-      "ScriptHost"
+      "ScriptHost",
+      "WebWorker"
     ]
   },
   "include": [
     "src/**/*.ts",
-    "src/**/*.tsx",
     "src/**/*.vue",
     "tests/**/*.spec.ts"
   ],

diff --git a/vite.config.ts b/vite.config.ts
@@ -1,10 +1,45 @@
-import { defineConfig } from 'vite'
 import vue from '@vitejs/plugin-vue'
 import path from 'path'
+import { defineConfig } from 'vite'
+import { VitePWA } from 'vite-plugin-pwa'
 
 // https://vitejs.dev/config/
 export default defineConfig({
-  plugins: [vue()],
+  plugins: [
+    vue(),
+    VitePWA({
+      mode: 'development',
+      includeAssets: [
+        'favicon.svg',
+        'favicon.ico',
+        'robots.txt',
+        'favicon-apple.png',
+        'favicon-192.png',
+        'favicon-512.png',
+      ],
+      manifest: {
+        name: 'Heroes 3 tools',
+        short_name: 'heroes3tools',
+        description: 'Web tools for simplification playing in Heroes of Might and Magic III: Horn of The Abyss',
+        theme_color: '#ffffff',
+        icons: [
+          {
+            src: 'favicon-192.png',
+            sizes: '192x192',
+            type: 'image/png',
+          },
+          {
+            src: 'favicon-512.png',
+            sizes: '512x512',
+            type: 'image/png',
+          },
+        ],
+      },
+      workbox: {
+        sourcemap: true,
+      },
+    }),
+  ],
   resolve: {
     alias: [
       {