add favicons

2023-05-17 04:20:08 +02:00
parent 8774d74163
commit 41c0ed5811
6 changed files with 7 additions and 1 deletions
--- a/index.html
+++ b/index.html
@@ -2,7 +2,7 @@
 <html lang="en">
  <head>
    <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+    <link rel="icon" type="image/x-icon" href="/favicon-dark.ico" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Contexted</title>
  </head>
--- a/public/contexted-black.ico
+++ b/public/contexted-black.ico
--- a/public/contexted-blue-inverted.ico
+++ b/public/contexted-blue-inverted.ico
--- a/public/contexted-blue.ico
+++ b/public/contexted-blue.ico
--- a/public/contexted-white.ico
+++ b/public/contexted-white.ico
--- a/src/main.ts
+++ b/src/main.ts
@@ -4,6 +4,12 @@ import '@fortawesome/fontawesome-free/css/all.min.css'
 import App from './App.vue'
 import { setDefaultNotes } from '@/composables/useNotes'
 import { defaultNotes } from '@/utils/defaultNotes'
+import { usePreferredDark, useFavicon } from '@vueuse/core'
+
+const isDark = usePreferredDark()
+const favicon = computed(() => (isDark.value ? '/contexted-white.ico' : '/contexted-black.ico'))
+useFavicon(favicon)
+
 setDefaultNotes(defaultNotes)

 createApp(App).mount('#app')