chore: change social image for seo components

Author: indaco

config/externals.js.ts

@@ -1,4 +1,5 @@
 import type { IGoogleFont } from '@sveltinio/services/types';
+
 const googleFonts: Array<IGoogleFont> = [
 	{
 		name: 'IBM+Plex+Sans',

config/website.js.ts

@@ -4,7 +4,7 @@ const website: Sveltin.WebSite = {
 	name: 'docs.sveltin.io',
 	baseURL: 'https://docs.sveltin.io',
 	language: 'en-GB',
-	logo: 'logo.png',
+	logo: 'logo_social.png',
 	title: 'Sveltin CLI Documentation site',
 	slogan: 'Documentation site for Sveltin CLI',
 	description:

src/lib/utils/strings.js.ts

@@ -36,6 +36,9 @@ export const getSlugPageUrl = (
 export const getFavicon = (websiteData: Sveltin.WebSite): string =>
 	websiteData.baseURL.concat('/', 'images', '/', 'icons', '/', websiteData.favicon);
 
+export const getSocialImage = (baseURL: string, folder: string, filename: string): string =>
+	baseURL.concat(folder, '/', filename);
+
 export const getCoverImagePath = (
 	item: Sveltin.ResourceContent,
 	websiteData: Sveltin.WebSite

static/images/sveltin/logo_social.png

@@ -1,9 +1,10 @@
 <script>
+	import { assets } from '$app/paths';
 	import { page } from '$app/stores';
 	import { website } from '$config/website.js';
 	import { OpenGraphType, TwitterCardType } from '@sveltinio/seo/types';
 	import { PageMetaTags, JsonLdWebPage, JsonLdBreadcrumbs } from '@sveltinio/seo';
-	import { canonicalPageUrl, getFavicon } from '$lib/utils/strings.js';
+	import { canonicalPageUrl, getSocialImage } from '$lib/utils/strings.js';
 
 	import { theme } from '$lib/shared/stores';
 
@@ -17,7 +18,7 @@
 		title: title,
 		description: headline,
 		keywords: keywords || website.keywords,
-		image: getFavicon(website),
+		image: getSocialImage(website.baseURL, `${assets}/images/sveltin`, website.logo),
 		opengraph: {
 			type: OpenGraphType.Article
 		},