feat: add favicon and update configuration for improved site integration

Author: peterbenoit

docs/astro.config.mjs

@@ -3,57 +3,61 @@ import { defineConfig } from 'astro/config';
 import starlight from '@astrojs/starlight';
 
 export default defineConfig({
-  site: 'https://www.repowidget.com',
-  integrations: [
-    starlight({
-      title: 'RepoWidget',
-      description: 'A lightweight, customizable JavaScript widget to showcase GitHub repositories on any website.',
-      social: [
-        { icon: 'github', label: 'GitHub', href: 'https://github.com/peterbenoit/RepoWidget' },
-        { icon: 'npm', label: 'npm', href: 'https://www.npmjs.com/package/repo-widget' },
-      ],
-      head: [
-        { tag: 'meta', attrs: { name: 'author', content: 'Peter Benoit' } },
-        { tag: 'meta', attrs: { property: 'og:type', content: 'website' } },
-        { tag: 'meta', attrs: { property: 'og:site_name', content: 'RepoWidget' } },
-        { tag: 'meta', attrs: { name: 'twitter:card', content: 'summary' } },
-        { tag: 'meta', attrs: { name: 'twitter:creator', content: '@peterbenoit' } },
-        { tag: 'meta', attrs: { name: 'color-scheme', content: 'light dark' } },
-      ],
-      editLink: {
-        baseUrl: 'https://github.com/peterbenoit/RepoWidget/edit/main/docs/',
-      },
-      sidebar: [
-        {
-          label: 'Getting Started',
-          items: [
-            { label: 'Introduction', slug: 'getting-started/introduction' },
-            { label: 'Installation', slug: 'getting-started/installation' },
-            { label: 'Quick Start', slug: 'getting-started/quick-start' },
-          ],
-        },
-        {
-          label: 'API Reference',
-          items: [
-            { label: 'Configuration Options', slug: 'api/configuration' },
-            { label: 'Full API Reference', slug: 'api/reference' },
-          ],
-        },
-        {
-          label: 'Examples',
-          items: [
-            { label: 'Code Examples', slug: 'examples/code-examples' },
-            { label: 'Live Demo', slug: 'examples/demo' },
-          ],
-        },
-        {
-          label: 'Project',
-          items: [
-            { label: 'Changelog', slug: 'project/changelog' },
-            { label: 'Contributing', slug: 'project/contributing' },
-          ],
-        },
-      ],
-    }),
-  ],
+	site: 'https://www.repowidget.com',
+	integrations: [
+		starlight({
+			title: 'RepoWidget',
+			description: 'A lightweight, customizable JavaScript widget to showcase GitHub repositories on any website.',
+			favicon: '/favicon.svg',
+			social: [
+				{ icon: 'github', label: 'GitHub', href: 'https://github.com/peterbenoit/RepoWidget' },
+				{ icon: 'npm', label: 'npm', href: 'https://www.npmjs.com/package/repo-widget' },
+			],
+			head: [
+				{ tag: 'link', attrs: { rel: 'icon', type: 'image/svg+xml', href: '/favicon.svg' } },
+				{ tag: 'link', attrs: { rel: 'icon', type: 'image/png', sizes: '32x32', href: '/favicon-32x32.png' } },
+				{ tag: 'link', attrs: { rel: 'apple-touch-icon', sizes: '180x180', href: '/apple-touch-icon.png' } },
+				{ tag: 'meta', attrs: { name: 'author', content: 'Peter Benoit' } },
+				{ tag: 'meta', attrs: { property: 'og:type', content: 'website' } },
+				{ tag: 'meta', attrs: { property: 'og:site_name', content: 'RepoWidget' } },
+				{ tag: 'meta', attrs: { name: 'twitter:card', content: 'summary' } },
+				{ tag: 'meta', attrs: { name: 'twitter:creator', content: '@peterbenoit' } },
+				{ tag: 'meta', attrs: { name: 'color-scheme', content: 'light dark' } },
+			],
+			editLink: {
+				baseUrl: 'https://github.com/peterbenoit/RepoWidget/edit/main/docs/',
+			},
+			sidebar: [
+				{
+					label: 'Getting Started',
+					items: [
+						{ label: 'Introduction', slug: 'getting-started/introduction' },
+						{ label: 'Installation', slug: 'getting-started/installation' },
+						{ label: 'Quick Start', slug: 'getting-started/quick-start' },
+					],
+				},
+				{
+					label: 'API Reference',
+					items: [
+						{ label: 'Configuration Options', slug: 'api/configuration' },
+						{ label: 'Full API Reference', slug: 'api/reference' },
+					],
+				},
+				{
+					label: 'Examples',
+					items: [
+						{ label: 'Code Examples', slug: 'examples/code-examples' },
+						{ label: 'Live Demo', slug: 'examples/demo' },
+					],
+				},
+				{
+					label: 'Project',
+					items: [
+						{ label: 'Changelog', slug: 'project/changelog' },
+						{ label: 'Contributing', slug: 'project/contributing' },
+					],
+				},
+			],
+		}),
+	],
 });