refactor: improve head link definition

dy0gu · Sep 16, 2024 · b75aa10 · b75aa10
1 parent 9f619ee
commit b75aa10
Show file tree

Hide file tree

Showing 6 changed files with 24 additions and 29 deletions.
diff --git a/src/data/attributes.ts b/src/data/attributes.ts
diff --git a/src/data/info.ts b/src/data/info.ts
@@ -0,0 +1,14 @@
+// Reusable values throughout the app
+const info = {
+	name: "Dy0gu",
+	description: "Just an individual, writing some code on the internet.",
+	links: [
+		{ name: "GitHub", href: "https://www.github.com/dy0gu" },
+		{
+			name: "Stack Overflow",
+			href: "https://stackoverflow.com/users/22441488",
+		},
+	],
+};
+
+export { info };
diff --git a/src/data/meta.ts b/src/data/meta.ts
@@ -1,6 +1,6 @@
 import { env } from "~/utils/env";
 
-import { info } from "~/data/attributes";
+import { info } from "~/data/info";
 
 // Meta tags for the <head> of the root html document
 // This object uses server environment variables, meaning it can only be called in Remix loader functions

diff --git a/src/root.tsx b/src/root.tsx
@@ -7,8 +7,8 @@ import {
 	Scripts,
 	ScrollRestoration,
 } from "@remix-run/react";
-import { rels } from "~/data/attributes";
 import { metadata } from "~/data/meta";
+import stylesheet from "~/styles/tailwind.css?url";
 
 export function loader() {
 	return json(metadata);
@@ -23,7 +23,12 @@ export const meta: MetaFunction<typeof loader> = ({ data }) => {
 };
 
 export const links: LinksFunction = () => {
-	return rels;
+	return [
+		{ rel: "icon", href: "/favicon.svg", type: "image/svg+xml" },
+		{ rel: "sitemap", href: "/sitemap.xml" },
+		{ rel: "manifest", href: "/manifest.webmanifest" },
+		{ rel: "stylesheet", href: stylesheet },
+	];
 };
 
 export default function Layout() {

diff --git a/src/routes/[manifest.webmanifest].tsx b/src/routes/[manifest.webmanifest].tsx
@@ -1,4 +1,4 @@
-import { info } from "~/data/attributes";
+import { info } from "~/data/info";
 
 // Dynamic manifest.webmanifest generator route
 export const loader = () => {

diff --git a/src/routes/_index.tsx b/src/routes/_index.tsx
@@ -1,6 +1,6 @@
 import { useMystery } from "~/hooks/mystery";
 
-import { info } from "~/data/attributes";
+import { info } from "~/data/info";
 
 import { Beam } from "~/components/beam";
 import { Hero, name } from "~/components/hero";