Add icon

andreldm · Sep 28, 2023 · 57c058c · 57c058c
1 parent 82dc951
commit 57c058c
Show file tree

Hide file tree

Showing 5 changed files with 105 additions and 2 deletions.
diff --git a/assets/icon.ico b/assets/icon.ico
diff --git a/assets/icon.png b/assets/icon.png
diff --git a/assets/icon.svg b/assets/icon.svg
diff --git a/index.html b/index.html
@@ -2,7 +2,9 @@
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
-    <link rel="icon" href="/favicon.ico" />
+    <link rel="icon" href="/assets/icon.ico" sizes="48x48" >
+    <link rel="icon" href="/assets/icon.svg" sizes="any" type="image/svg+xml">
+    <link rel="apple-touch-icon" href="/assets/icon.png"/>
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Number Trainer</title>
   </head>

diff --git a/vite.config.js b/vite.config.js
@@ -9,7 +9,20 @@ export default defineConfig({
   base: "/number-trainer/",
   plugins: [
     vue(),
-    VitePWA({ registerType: 'autoUpdate', injectRegister: 'auto' })],
+    VitePWA({
+      registerType: 'autoUpdate',
+      injectRegister: 'auto',
+      manifest: {
+        icons: [
+          {
+            src: "/assets/icon.svg",
+            sizes: "any",
+            type: "image/svg+xml",
+            purpose: "any maskable",
+          },
+        ]
+      }
+    })],
   resolve: {
     alias: {
       "@": fileURLToPath(new URL("./src", import.meta.url)),