thecoder93
diff --git a/‎public/favicon.ico
1.12 KB b/‎public/favicon.ico
1.12 KB
diff --git a/‎public/favicon.svg
Lines changed: 0 additions & 1 deletion b/‎public/favicon.svg
Lines changed: 0 additions & 1 deletion
diff --git a/‎public/icons/apple-touch-icon-180x180.png
2.7 KB b/‎public/icons/apple-touch-icon-180x180.png
2.7 KB
diff --git a/‎public/icons/icon-192x192.maskable.png
4.31 KB b/‎public/icons/icon-192x192.maskable.png
4.31 KB
diff --git a/‎public/icons/icon-192x192.png
3.26 KB b/‎public/icons/icon-192x192.png
3.26 KB
diff --git a/‎public/icons/icon-512x512.maskable.png
18.7 KB b/‎public/icons/icon-512x512.maskable.png
18.7 KB
diff --git a/‎public/icons/icon-512x512.png
12.9 KB b/‎public/icons/icon-512x512.png
12.9 KB
diff --git a/‎public/icons/icon-96x96.png
1.72 KB b/‎public/icons/icon-96x96.png
1.72 KB
diff --git a/‎public/manifest.json
Lines changed: 41 additions & 7 deletions b/‎public/manifest.json
Lines changed: 41 additions & 7 deletions
diff --git a/‎src/components/RouterHead/RouterHead.tsx
Lines changed: 27 additions & 21 deletions b/‎src/components/RouterHead/RouterHead.tsx
Lines changed: 27 additions & 21 deletions
@@ -1,9 +1,43 @@
 {
-  "$schema": "https://json.schemastore.org/web-manifest-combined.json",
-  "name": "qwik-project-name",
-  "short_name": "Welcome to Qwik",
-  "start_url": ".",
-  "display": "standalone",
-  "background_color": "#fff",
-  "description": "A Qwik project app."
+	"theme_color": "#02C652",
+	"background_color": "#fff",
+	"display": "standalone",
+	"start_url": "/",
+	"name": "Vue Storefront Boilerplate for Qwik",
+	"short_name": "VSFxQwik",
+	"description": "Vue Storefront Boilerplate for Qwik",
+	"icons": [
+		{
+			"src": "/icons/apple-touch-icon-180x180.png",
+			"sizes": "180x180",
+			"type": "image/png"
+		},
+		{
+			"src": "/icons/icon-96x96.png",
+			"sizes": "96x96",
+			"type": "image/png"
+		},
+		{
+			"src": "/icons/icon-192x192.maskable.png",
+			"sizes": "192x192",
+			"type": "image/png",
+			"purpose": "maskable"
+		},
+		{
+			"src": "/icons/icon-192x192.png",
+			"sizes": "192x192",
+			"type": "image/png"
+		},
+		{
+			"src": "/icons/icon-512x512.png",
+			"sizes": "512x512",
+			"type": "image/png"
+		},
+		{
+			"src": "/icons/icon-512x512.maskable.png",
+			"sizes": "512x512",
+			"type": "image/png",
+			"purpose": "maskable"
+		}
+	]
 }
@@ -1,32 +1,38 @@
-import { component$ } from "@builder.io/qwik";
-import { useDocumentHead, useLocation } from "@builder.io/qwik-city";
+import { component$ } from '@builder.io/qwik';
+import { useDocumentHead, useLocation } from '@builder.io/qwik-city';
 
 /**
  * The RouterHead component is placed inside of the document `<head>` element.
  */
 export const RouterHead = component$(() => {
-  const head = useDocumentHead();
-  const loc = useLocation();
+	const head = useDocumentHead();
+	const loc = useLocation();
 
-  return (
-    <>
-      <title>{head.title}</title>
+	return (
+		<>
+			<title>{head.title}</title>
 
-      <link rel="canonical" href={loc.url.href} />
-      <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-      <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
+			<link rel='canonical' href={loc.url.href} />
+			<link rel='icon' type='image/svg+xml' href='/favicon.ico' />
+			<meta name='theme-color' content='#02C652' />
+			<link rel='apple-touch-icon' href='/icons/apple-touch-icon-180x180.png' />
+			<link rel='manifest' href='/manifest.json' />
+			<meta
+				name='viewport'
+				content='minimum-scale=1, initial-scale=1, width=device-width'
+			/>
 
-      {head.meta.map((m) => (
-        <meta key={m.key} {...m} />
-      ))}
+			{head.meta.map((m) => (
+				<meta key={m.key} {...m} />
+			))}
 
-      {head.links.map((l) => (
-        <link key={l.key} {...l} />
-      ))}
+			{head.links.map((l) => (
+				<link key={l.key} {...l} />
+			))}
 
-      {head.styles.map((s) => (
-        <style key={s.key} {...s.props} dangerouslySetInnerHTML={s.style} />
-      ))}
-    </>
-  );
+			{head.styles.map((s) => (
+				<style key={s.key} {...s.props} dangerouslySetInnerHTML={s.style} />
+			))}
+		</>
+	);
 });