Fix image in meta and other details

astro.config.mjs

@@ -1,4 +1,6 @@
-import * as url from "url";
+import path from "path";
+import { fileURLToPath } from "url";
+
 import { defineConfig } from "astro/config";
 
 import tailwind from "@astrojs/tailwind";
@@ -7,7 +9,7 @@ import image from "@astrojs/image";
 
 import { SITE } from "./src/config.mjs";
 
-const __dirname = url.fileURLToPath(new URL(".", import.meta.url));
+const __dirname = path.dirname(fileURLToPath(import.meta.url));
 
 // https://astro.build/config
 export default defineConfig({
@@ -30,7 +32,7 @@ export default defineConfig({
   vite: {
     resolve: {
       alias: {
-        "~/": `${__dirname}src/`,
+        "~": path.resolve(__dirname, "./src"),
       },
     },
   },