Re-worked icons

src/config.ts

@@ -1,27 +1,8 @@
 import type { Config } from "./types";
 
-import { Home, Newspaper, FileUser, CodeXml, Megaphone } from "lucide-vue-next";
-
 import logo from "./assets/logo.webp";
 import resumeToml from "./assets/resume.toml?raw";
 
-// Astro Icon references
-const EMAIL_ICON = "mdi:email" as const;
-const RSS_ICON = "mdi:rss" as const;
-const GITEA_ICON = "simple-icons:gitea" as const;
-const BLUESKY_ICON = "simple-icons:bluesky" as const;
-const REACT_ICON = "simple-icons:react" as const;
-const VUEJS_ICON = "simple-icons:vuedotjs" as const;
-const TYPESCRIPT_ICON = "simple-icons:typescript" as const;
-const ASTRO_ICON = "simple-icons:astro" as const;
-const GO_ICON = "simple-icons:go" as const;
-const POSTGRESQL_ICON = "simple-icons:postgresql" as const;
-const DOTNET_ICON = "simple-icons:dotnet" as const;
-const DOCKER_ICON = "simple-icons:docker" as const;
-const KOTLIN_ICON = "simple-icons:kotlin" as const;
-const SWIFT_ICON = "simple-icons:swift" as const;
-const NIX_ICON = "simple-icons:nixos" as const;
-
 export const config: Config = {
   personalInfo: {
     name: "Atridad Lahiji",
@@ -281,28 +262,28 @@ export const config: Config = {
       id: "email",
       name: "Email",
       url: "mailto:me@atri.dad",
-      icon: EMAIL_ICON,
+      icon: "email",
       ariaLabel: "Email me",
     },
     {
       id: "rss",
       name: "RSS Feed",
       url: "/feed",
-      icon: RSS_ICON,
+      icon: "rss",
       ariaLabel: "RSS Feed",
     },
     {
       id: "gitea",
       name: "Forgejo (Git)",
       url: "https://git.atri.dad/atridad",
-      icon: GITEA_ICON,
+      icon: "gitea",
       ariaLabel: "Forgejo (Git)",
     },
     {
       id: "bluesky",
       name: "Bluesky",
       url: "https://bsky.app/profile/atri.dad",
-      icon: BLUESKY_ICON,
+      icon: "bluesky",
       ariaLabel: "Bluesky Profile",
     },
   ],
@@ -312,77 +293,77 @@ export const config: Config = {
       id: "react",
       name: "React",
       url: "https://react.dev/",
-      icon: REACT_ICON,
+      icon: "react",
       ariaLabel: "React",
     },
     {
       id: "vuejs",
       name: "Vue.js",
       url: "https://vuejs.org//",
-      icon: VUEJS_ICON,
+      icon: "vuedotjs",
       ariaLabel: "Vue.js",
     },
     {
       id: "typescript",
       name: "TypeScript",
       url: "https://www.typescriptlang.org/",
-      icon: TYPESCRIPT_ICON,
+      icon: "typescript",
       ariaLabel: "TypeScript",
     },
     {
       id: "astro",
       name: "Astro",
       url: "https://astro.build/",
-      icon: ASTRO_ICON,
+      icon: "astro",
       ariaLabel: "Astro",
     },
     {
       id: "go",
       name: "Go",
       url: "https://go.dev/",
-      icon: GO_ICON,
+      icon: "go",
       ariaLabel: "Go",
     },
     {
       id: "postgresql",
       name: "PostgreSQL",
       url: "https://www.postgresql.org/",
-      icon: POSTGRESQL_ICON,
+      icon: "postgresql",
       ariaLabel: "PostgreSQL",
     },
     {
       id: "dotnet",
       name: "DotNet",
       url: "https://dot.net/",
-      icon: DOTNET_ICON,
+      icon: "dotnet",
       ariaLabel: "DotNet",
     },
     {
       id: "docker",
       name: "Docker",
       url: "https://www.docker.com/",
-      icon: DOCKER_ICON,
+      icon: "docker",
       ariaLabel: "Docker",
     },
     {
       id: "kotlin",
       name: "Kotlin",
       url: "https://kotlinlang.org/",
-      icon: KOTLIN_ICON,
+      icon: "kotlin",
       ariaLabel: "Kotlin",
     },
     {
       id: "swift",
       name: "Swift",
       url: "https://www.swift.org/",
-      icon: SWIFT_ICON,
+      icon: "swift",
       ariaLabel: "Swift",
     },
     {
       id: "nix",
       name: "Nix",
       url: "https://nix.org",
-      icon: NIX_ICON,
+      icon: "nixos",
       ariaLabel: "Nix",
     },
   ],
@@ -393,7 +374,7 @@ export const config: Config = {
       name: "Home",
       path: "/",
       tooltip: "Home",
-      icon: Home,
+      icon: "house",
       enabled: true,
     },
     {
@@ -401,7 +382,7 @@ export const config: Config = {
       name: "Posts",
       path: "/posts",
       tooltip: "Posts",
-      icon: Newspaper,
+      icon: "newspaper",
       enabled: true,
       isActive: (path: string) =>
         path.startsWith("/posts") || path.startsWith("/post/"),
@@ -411,7 +392,7 @@ export const config: Config = {
       name: "Resume",
       path: "/resume",
       tooltip: "Resume",
-      icon: FileUser,
+      icon: "file-user",
       enabled: !!(resumeToml && resumeToml.trim()),
     },
     {
@@ -419,7 +400,7 @@ export const config: Config = {
       name: "Projects",
       path: "/projects",
       tooltip: "Projects",
-      icon: CodeXml,
+      icon: "code-xml",
       enabled: true,
       isActive: (path: string) => path.startsWith("/projects"),
     },
@@ -428,7 +409,7 @@ export const config: Config = {
       name: "Talks",
       path: "/talks",
       tooltip: "Talks",
-      icon: Megaphone,
+      icon: "megaphone",
       enabled: true,
       isActive: (path: string) => path.startsWith("/talks"),
     },