Set page title and favicon

apps/panoramablick/nuxt.config.ts

@@ -32,5 +32,14 @@ export default defineNuxtConfig({
       { code: 'su', name: 'Summer', icon: 'i-lucide-sun' },
       { code: 'wi', name: 'Winter', icon: 'i-lucide-snowflake'}
     ]
+  },
+  app: {
+    head: {
+      title: 'Landhaus Panoramablick',
+      link: [
+        { rel: 'icon', type: 'image/svg+xml', href: '/favicon/adaptive.svg' },
+        { rel: 'icon', type: 'image/png', href: '/favicon/generic.png' },
+      ]
+    }
   }
 })

apps/panoramablick/public/favicon/adaptive.svg

@@ -0,0 +1,18 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
+  <style>
+    path {
+    fill: none;
+    stroke-width: 2;
+    stroke-linecap: round;
+    stroke-linejoin: round;
+    }
+    @media (prefers-color-scheme: dark) {
+    path { stroke: white; }
+    }
+    @media (prefers-color-scheme: light) {
+    path { stroke: black; }
+    }
+  </style>
+  <path d="m8 3 4 8 5-5 5 15H2L8 3z"/>
+  <path d="M4.14 15.08c2.62-1.57 5.24-1.43 7.86.42 2.74 1.94 5.49 2 8.23.19"/>
+</svg>

packages/ui/nuxt.config.ts

@@ -1,4 +1,4 @@
 // https://nuxt.com/docs/api/configuration/nuxt-config
 export default defineNuxtConfig({
   modules: ["@nuxt/icon", "@nuxt/image", "@nuxt/fonts", "@nuxt/ui"]
-})
+})