chore: refactor codebase, update dependencies, and clean up files

.prettierignore

@@ -9,3 +9,4 @@
 # Directories
 .changeset
 cachyos-website-api
+src/content/post/

package.json

@@ -17,37 +17,37 @@
     "@eslint/js": "^10.0.1",
     "@types/lodash": "^4.17.24",
     "@types/mdx": "^2.0.13",
-    "@typescript-eslint/eslint-plugin": "^8.57.1",
-    "@typescript-eslint/parser": "^8.57.1",
-    "eslint": "^10.0.3",
+    "@typescript-eslint/eslint-plugin": "^8.58.0",
+    "@typescript-eslint/parser": "^8.58.0",
+    "eslint": "^10.1.0",
     "eslint-plugin-astro": "^1.6.0",
     "prettier": "^3.8.1",
     "prettier-plugin-astro": "^0.14.1",
-    "subfont": "^7.2.1",
-    "typescript-eslint": "^8.57.1"
+    "subfont": "^7.2.3",
+    "typescript-eslint": "^8.58.0"
   },
   "dependencies": {
-    "@astrojs/react": "5.0.0",
-    "@astrojs/rss": "4.0.17",
-    "@astrojs/sitemap": "3.7.1",
+    "@astrojs/react": "5.0.2",
+    "@astrojs/rss": "4.0.18",
+    "@astrojs/sitemap": "3.7.2",
     "@astrolib/seo": "^1.0.0-beta.8",
     "@fontsource-variable/inter": "^5.2.8",
     "@headlessui/react": "^2.2.9",
-    "@iconify-json/tabler": "^1.2.31",
+    "@iconify-json/tabler": "^1.2.33",
     "@tailwindcss/typography": "^0.5.19",
-    "@tailwindcss/vite": "^4.2.1",
+    "@tailwindcss/vite": "^4.2.2",
     "@types/react": "^19.2.14",
     "@types/react-dom": "^19.2.3",
-    "astro": "6.0.5",
+    "astro": "6.1.3",
     "astro-icon": "^1.1.5",
-    "limax": "^4.2.2",
-    "lodash": "^4.17.23",
+    "limax": "^4.2.3",
+    "lodash": "^4.18.1",
     "react": "^19.2.4",
     "react-dom": "^19.2.4",
     "sharp": "^0.34.5",
     "tailwind-merge": "^3.5.0",
-    "tailwindcss": "^4.2.1",
-    "typescript": "^5.9.3"
+    "tailwindcss": "^4.2.2",
+    "typescript": "^6.0.2"
   },
   "trustedDependencies": [
     "@tailwindcss/oxide",

src/components/blog/ListItem.astro

@@ -51,7 +51,7 @@ const link = getPermalink(post.permalink, 'post');
       <div class="mb-1">
         <span class="text-sm">
           <Icon name="tabler:clock" class="w-3.5 h-3.5 inline-block -mt-0.5 dark:text-gray-400" />
-          <time datetime={String(createdDate)} class="inline-block"
+          <time datetime={createdDate?.toISOString()} class="inline-block"
             >{getFormattedDate(createdDate)}</time
           >
           {

src/components/blog/SinglePost.astro

@@ -26,7 +26,7 @@ const { Content } = post;
       >
         <p>
           <Icon name="tabler:clock" class="w-4 h-4 inline-block -mt-0.5 dark:text-gray-400" />
-          <time datetime={String(post.publishDate)} class="inline-block"
+          <time datetime={post.publishDate.toISOString()} class="inline-block"
             >{getFormattedDate(post.publishDate)}</time
           >
           {

src/components/common/MetaTags.astro

@@ -6,7 +6,6 @@ import { ClientRouter } from 'astro:transitions';
 import { SITE } from '~/config.mjs';
 import type { MetaSEO } from '~/types';
 import { getCanonical, getAsset } from '~/utils/permalinks';
-import { getRelativeUrlByFilePath } from '~/utils/directories';
 import '@fontsource-variable/inter';
 
 export interface Props extends MetaSEO {
@@ -27,9 +26,9 @@ const defaultImage = SITE.defaultImage
 const {
   title = SITE.name,
   description = '',
-  image: _image = defaultImage,
+  image = new URL(defaultImage, Astro.site),
 
-  canonical = String(getCanonical(String(Astro.url.pathname))),
+  canonical = getCanonical(Astro.url.pathname),
   noindex = false,
   nofollow = false,
 
@@ -38,14 +37,6 @@ const {
 
   dontUseTitleTemplate = false,
 } = Astro.props;
-
-const image =
-  typeof _image === 'string'
-    ? new URL(_image, Astro.site)
-    : _image && typeof _image['src'] !== 'undefined'
-      ? // @ts-ignore
-        new URL(getRelativeUrlByFilePath(_image.src), Astro.site)
-      : null;
 ---
 
 <meta charset="UTF-8" />
@@ -57,11 +48,11 @@ const image =
   title={title}
   titleTemplate={dontUseTitleTemplate ? '%s' : `%s — ${SITE.name}`}
   description={description}
-  canonical={String(canonical)}
+  canonical={canonical.toString()}
   noindex={noindex}
   nofollow={nofollow}
   openGraph={{
-    url: String(canonical),
+    url: canonical.toString(),
     title: ogTitle,
     description: description,
     type: ogType,
@@ -73,11 +64,8 @@ const image =
           },
         ]
       : undefined,
-    // site_name: 'SiteName',
   }}
   twitter={{
-    // handle: '@handle',
-    // site: '@site',
     cardType: image ? 'summary_large_image' : undefined,
   }}
 />

src/components/widgets/LegalNoticeModal.tsx

@@ -1,7 +1,10 @@
 import { Dialog, DialogPanel, DialogTitle, Transition, TransitionChild } from '@headlessui/react';
 import { Fragment } from 'react';
 
-const LegalNoticeModal = ({ isOpen, onClose }: Readonly<{ isOpen: boolean; onClose: () => void }>) => {
+const LegalNoticeModal = ({
+  isOpen,
+  onClose,
+}: Readonly<{ isOpen: boolean; onClose: () => void }>) => {
   return (
     <Transition appear show={isOpen} as={Fragment}>
       <Dialog as="div" className="relative z-10" onClose={onClose}>

src/config.mjs

@@ -12,6 +12,8 @@ const CONFIG = {
   defaultImage: defaultImage,
 
   defaultTheme: 'dark', // Values: "system" | "light" | "dark" | "light:only" | "dark:only"
+
+  trailingSlash: false,
 };
 
 export const SITE = { ...CONFIG };