add favicons

Author: JavascriptMick

nuxt.config.ts

@@ -21,7 +21,28 @@ export default defineNuxtConfig({
       htmlAttrs: {
         lang: 'en'
       },
-      title: 'SupaNuxt SaaS'
+      title: 'SupaNuxt SaaS',
+      link: [
+        { rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' },
+        {
+          rel: 'icon',
+          type: 'image/png',
+          sizes: '32x32',
+          href: '/favicon-32x32.png'
+        },
+        {
+          rel: 'icon',
+          type: 'image/png',
+          sizes: '16x16',
+          href: '/favicon-16x16.png'
+        },
+        {
+          rel: 'apple-touch-icon',
+          sizes: '180x180',
+          href: '/apple-touch-icon.png'
+        },
+        { rel: 'manifest', href: '/site.webmanifest' }
+      ]
     }
   },
   runtimeConfig: {

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "supanuxt-saas",
-  "version": "1.4.1",
+  "version": "1.4.2",
   "author": {
     "name": "Michael Dausmann",
     "email": "[email protected]",

package.json

@@ -0,0 +1,19 @@
+{
+  "name": "SupaNuxt SaaS",
+  "short_name": "supanuxt_saas",
+  "icons": [
+    {
+      "src": "/android-chrome-192x192.png",
+      "sizes": "192x192",
+      "type": "image/png"
+    },
+    {
+      "src": "/android-chrome-512x512.png",
+      "sizes": "512x512",
+      "type": "image/png"
+    }
+  ],
+  "theme_color": "#ffffff",
+  "background_color": "#ffffff",
+  "display": "standalone"
+}