Update to new Astro Icon API

orryverducci · Feb 4, 2024 · e99aa1f · e99aa1f
1 parent b45d8b8
commit e99aa1f
Show file tree

Hide file tree

Showing 6 changed files with 28 additions and 5 deletions.
diff --git a/.gitignore b/.gitignore
@@ -1,6 +1,7 @@
 ### Website ###
 
 # Build output
+.astro/
 dist/
 .output/
 functions/\[\[path\]\].js

diff --git a/astro.config.mjs b/astro.config.mjs
@@ -2,13 +2,16 @@ import { defineConfig } from "astro/config";
 
 import cloudflare from "@astrojs/cloudflare";
 
+import icon from "astro-icon";
+
 // https://astro.build/config
 export default defineConfig({
     site: "https://orryverducci.co.uk",
     output: "hybrid",
     adapter: cloudflare({
       mode: "directory"
     }),
+    integrations: [icon()],
     image: {
       service: {
         entrypoint: 'astro/assets/services/noop'

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -13,6 +13,7 @@
         "@fontsource/montserrat": "^5.0.16",
         "@hotwired/stimulus": "^3.2.2",
         "@hotwired/turbo": "^7.3.0",
+        "@iconify-json/bi": "^1.1.23",
         "@material/animation": "^14.0.0",
         "@types/figlet": "^1.5.8",
         "astro": "^3.6.4",

diff --git a/src/env.d.ts b/src/env.d.ts
@@ -1 +1,2 @@
+/// <reference path="../.astro/types.d.ts" />
 /// <reference types="astro/client" />
diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
@@ -1,5 +1,5 @@
 ---
-import { Icon } from 'astro-icon'
+import { Icon } from 'astro-icon/components'
 import "../styles/app.scss";
 import "@fontsource/montserrat/400.css";
 import "@fontsource/montserrat/400-italic.css";
@@ -64,12 +64,12 @@ if (date.getMonth() != 12) {
             </div>
             <nav>
                 <ul>
-                    <li><a href="/"><Icon pack="bi" name="house" aria-hidden="true" />Home</a></li>
+                    <li><a href="/"><Icon name="bi:house" aria-hidden="true" />Home</a></li>
                 </ul>
                 <ul id="social-icons">
-                    <li><a href="https://twitter.com/orryverducci" title="Twitter" target="_blank"><Icon pack="bi" name="twitter" role="img" aria-label="Twitter" /></a></li>
-                    <li><a href="https://github.com/orryverducci/" title="GitHub" target="_blank"><Icon pack="bi" name="github" role="img" aria-label="GitHub" /></a></li>
-                    <li><a href="https://www.linkedin.com/in/orryv/" title="LinkedIn" target="_blank"><Icon pack="bi" name="linkedin" role="img" aria-label="LinkedIn" /></a></li>
+                    <li><a href="https://twitter.com/orryverducci" title="Twitter" target="_blank"><Icon name="bi:twitter" role="img" aria-label="Twitter" /></a></li>
+                    <li><a href="https://github.com/orryverducci/" title="GitHub" target="_blank"><Icon name="bi:github" role="img" aria-label="GitHub" /></a></li>
+                    <li><a href="https://www.linkedin.com/in/orryv/" title="LinkedIn" target="_blank"><Icon name="bi:linkedin" role="img" aria-label="LinkedIn" /></a></li>
                 </ul>
             </nav>
             <a id="menu-icon" href="#" data-action="header#toggleMenu">
Original file line number	Diff line number	Diff line change
		@@ -1 +1,2 @@
		/// <reference path="../.astro/types.d.ts" />
		/// <reference types="astro/client" />