theme switcher

src/components/Icon.astro

@@ -0,0 +1,23 @@
+---
+export interface Props {
+    name: string,
+};
+
+const { name } = Astro.props;
+
+const icons = import.meta.glob<{string: string}>('@components/icons/*.svg', { query: '?raw', import: 'default' });
+const path = `/src/components/icons/${name}.svg`;
+if (icons[path] === undefined) {
+    throw new Error(`Icon ${name} does not exist.`);
+}
+const icon = await icons[path]();
+---
+
+<Fragment set:html={icon} />
+
+<style>
+    svg {
+        width: 100%;
+        height: 100%;
+    }
+</style>