try to make favicons work again

tyrasd · Oct 1, 2023 · 5abc05e · 5abc05e
1 parent c570fe0
commit 5abc05e
Show file tree

Hide file tree

Showing 6 changed files with 334 additions and 10 deletions.
diff --git a/index.html b/index.html
@@ -166,7 +166,11 @@
         <div class="navbar-brand">
           <a class="navbar-item" href="index.html">
             overpass turbo
-            <img src="turbo.png" alt="overpass turbo" />
+            <img
+              src="turbo.svg"
+              style="margin-top: -8px"
+              alt="overpass turbo logo"
+            />
           </a>
         </div>
       </div>

diff --git a/package.json b/package.json
@@ -29,7 +29,8 @@
     "request": "^2.67.0",
     "typescript": "^5.0.4",
     "vite": "^4.4.4",
-    "vitest": "^0.29.8"
+    "vitest": "^0.29.8",
+    "vite-plugin-favicons-inject": "^2.2.0"
   },
   "dependencies": {
     "@fortawesome/fontawesome-free": "^5.13.0",

diff --git a/turbo.png b/turbo.png
diff --git a/turbo.svg b/turbo.svg
diff --git a/vite.config.ts b/vite.config.ts
@@ -1,5 +1,6 @@
 /// <reference types="vitest" />
 import {type Plugin, defineConfig, createFilter} from "vite";
+import vitePluginFaviconsInject from "vite-plugin-favicons-inject";
 import inject from "@rollup/plugin-inject";
 import {type ParserBuildOptions, generate} from "peggy";
 
@@ -57,7 +58,8 @@ export default defineConfig(() => ({
       $: "jquery",
       jQuery: "jquery"
     }),
-    peggy()
+    peggy(),
+    vitePluginFaviconsInject("./turbo.svg")
   ],
   // https://vitest.dev/config/
   test: {