Add components for VS and VS Code icons

src/.vitepress/theme/index.ts

@@ -8,10 +8,11 @@ import { FontAwesomeIcon } from "@fortawesome/vue-fontawesome";
 import { library } from "@fortawesome/fontawesome-svg-core";
 import { faFaucet, faChevronLeft, faChevronRight, faArrowUpRightFromSquare } from "@fortawesome/free-solid-svg-icons";
 import { faGithub, faDiscord } from "@fortawesome/free-brands-svg-icons";
-import InlineIcon from "../../components/tccpp/components/InlineIcon.vue";
 
 library.add(faFaucet, faChevronLeft, faChevronRight, faGithub, faArrowUpRightFromSquare, faDiscord);
 
+import { InlineIcon, AllInlineIcons } from "../../components/tccpp";
+
 export default {
     extends: theme,
     Layout: () => {
@@ -22,5 +23,11 @@ export default {
     enhanceApp({ app, router, siteData }) {
         app.component("font-awesome-icon", FontAwesomeIcon);
         app.component("InlineIcon", InlineIcon);
+
+        let iconName: keyof typeof AllInlineIcons;
+        for (iconName in AllInlineIcons) {
+            const icon = AllInlineIcons[iconName];
+            app.component(iconName, icon);
+        }
     },
 } satisfies Theme;

src/components/tccpp/components/InlineIcons.ts

@@ -0,0 +1,7 @@
+import VisualStudio from "./icons/VisualStudio.vue";
+import VSCode from "./icons/VsCode.vue";
+
+export default {
+    VisualStudio: VisualStudio,
+    VSCode: VSCode,
+};

src/components/tccpp/components/icons/VisualStudio.vue

@@ -0,0 +1,7 @@
+<script setup lang="ts">
+import InlineIcon from "../InlineIcon.vue";
+</script>
+
+<template>
+    <InlineIcon src="/assets/vs-icon.webp" alt="VS Community icon" />
+</template>

src/components/tccpp/components/icons/VsCode.vue

@@ -0,0 +1,7 @@
+<script setup lang="ts">
+import InlineIcon from "../InlineIcon.vue";
+</script>
+
+<template>
+    <InlineIcon src="/assets/vs-code-icon.webp" alt="VS Code icon" />
+</template>

src/components/tccpp/index.ts

@@ -0,0 +1,3 @@
+export { default as InlineIcon } from "./components/InlineIcon.vue";
+
+export { default as AllInlineIcons } from "./components/InlineIcons.ts";