Merge pull request #37 from Arzte/favicon

Add favicon's

nuxt.config.ts

@@ -5,6 +5,48 @@ export default defineNuxtConfig({
     buildAssetsDir: 'assets',
     head: {
       title: 'Interactive CYOA',
+      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: 'android-chrome',
+          type: 'image/png',
+          sizes: '92x192',
+          href: 'android-chrome-92x192.png',
+        },
+        {
+          rel: 'andriod-chrome',
+          type: 'image/png',
+          sizes: '512x512',
+          href: 'android-chrome-512x512.png',
+        },
+        {
+          rel: 'apple-touch-icon',
+          type: 'image/png',
+          sizes: '180x180',
+          href: 'apple-touch-icon.png',
+        },
+        { rel: 'manifest', href: '/site.webmanifest' },
+      ],
+      noscript: [
+        // <noscript>JavaScript is required</noscript>
+        { children: 'JavaScript is required' },
+      ],
     },
   },
 

public/site.webmanifest

@@ -0,0 +1 @@
+{"name":"","short_name":"","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"}