Update to astro-icon v1

.gitignore

@@ -10,6 +10,8 @@ yarn-debug.log*
 yarn-error.log*
 pnpm-debug.log*
 
+# astro
+.astro
 
 # environment variables
 .env

astro.config.mjs

@@ -1,10 +1,19 @@
 import { defineConfig } from 'astro/config';
 import mdx from "@astrojs/mdx";
+import icon from "astro-icon";
 
 // https://astro.build/config
 export default defineConfig({
   site: 'https://web.koyu.space',
-  integrations: [mdx()],
+  integrations: [
+    mdx(),
+    icon({
+      include: {
+        "simple-icons": ["*"],
+        "fa-solid": ["envelope"]
+      }
+    })
+  ],
   prefetch: {
     prefetchAll: true
   }

package.json

@@ -13,18 +13,21 @@
     "prepare": "husky install"
   },
   "devDependencies": {
-    "astro": "^4.0.7"
+    "astro": "^4.0.9"
   },
   "dependencies": {
-    "@astrojs/mdx": "^2.0.2",
+    "@astrojs/mdx": "^2.0.3",
     "@astrojs/rss": "^4.0.1",
-    "astro-icon": "^0.8.2",
+    "@iconify-json/fa-solid": "^1.1.8",
+    "@iconify-json/ph": "^1.1.9",
+    "@iconify-json/simple-icons": "^1.1.86",
+    "astro-icon": "^1.0.2",
     "astro-seo": "^0.8.0",
     "husky-init": "^8.0.0",
     "jquery": "^3.7.1",
     "request": "^2.88.2",
     "sanitize-html": "^2.11.0",
-    "sass": "^1.69.5",
+    "sass": "^1.69.7",
     "twemoji": "^14.0.2"
   }
 }

src/components/snow.astro

@@ -1,5 +1,5 @@
 ---
-import { Icon } from 'astro-icon';
+import { Icon } from 'astro-icon/components';
 ---
 
 <div id="snowbutton" transition:persist>

src/components/social.astro

@@ -1,11 +1,11 @@
 ---
-import { Icon } from 'astro-icon';
+import { Icon } from 'astro-icon/components';
 import social from "../json/social.json";
 ---
 
 <div id="socialbuttons">
   {social.map((e) => (
-    <a href={e.url} class="social" target="_blank" rel="noopener me"><Icon pack={e.icon.style} name={e.icon.name} /></a>
+    <a href={e.url} class="social" target="_blank" rel="noopener me"><Icon name={e.icon.style + ":" + e.icon.name} /></a>
   ))}
 </div>
 

src/components/warning.astro

@@ -1,10 +1,10 @@
 ---
-import Icon from "astro-icon";
+import { Icon } from "astro-icon/components";
 ---
 
 <br>
 <div class="warning">
     <Icon name="ph:warning-fill" />
     <slot />
 </div>
-<br>
+<br>

src/env.d.ts

@@ -1 +1,2 @@
+/// <reference path="../.astro/types.d.ts" />
 /// <reference types="astro/client" />

src/scss/social.scss

@@ -1,8 +1,9 @@
 .social > svg {
     height: 24pt;
+    width: 24pt;
     padding: 4px;
 }
 
 #socialbuttons {
     text-align: center;
-}
+}