From ee391e128f917f7e475b721495ab668939b0cecc Mon Sep 17 00:00:00 2001 From: Max Richter Date: Sat, 6 Apr 2024 15:20:42 +0200 Subject: [PATCH] fix: correct theme toggle icon --- astro.config.mjs | 4 +++ package.json | 1 + pnpm-lock.yaml | 59 +++++++++++++++++++++++++++++++ src/components/ThemeToggle.svelte | 54 ++++++++++------------------ src/env.d.ts | 1 + tsconfig.json | 3 +- 6 files changed, 86 insertions(+), 36 deletions(-) diff --git a/astro.config.mjs b/astro.config.mjs index 205252a..6f1c1a4 100644 --- a/astro.config.mjs +++ b/astro.config.mjs @@ -1,6 +1,7 @@ import { defineConfig } from 'astro/config'; import { i18n, filterSitemapByDefaultLocale } from "astro-i18n-aut/integration"; import sitemap from "@astrojs/sitemap"; +import Icons from 'unplugin-icons/vite' import mdx from '@astrojs/mdx'; import glsl from 'vite-plugin-glsl'; @@ -24,6 +25,9 @@ export default defineConfig({ vite: { plugins: [ glsl(), + Icons({ + compiler: 'svelte', + }), ], }, integrations: [ diff --git a/package.json b/package.json index 8aba1e9..c487619 100644 --- a/package.json +++ b/package.json @@ -37,6 +37,7 @@ "prettier-plugin-astro": "^0.13.0", "sharp": "^0.33.3", "unocss": "^0.58.8", + "unplugin-icons": "^0.18.5", "vite-plugin-glsl": "^1.3.0" } } \ No newline at end of file diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index f5490b6..f410e07 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -82,6 +82,9 @@ devDependencies: unocss: specifier: ^0.58.8 version: 0.58.8(postcss@8.4.35)(vite@5.1.6) + unplugin-icons: + specifier: ^0.18.5 + version: 0.18.5 vite-plugin-glsl: specifier: ^1.3.0 version: 1.3.0(vite@5.1.6) @@ -115,6 +118,12 @@ packages: find-up: 5.0.0 dev: true + /@antfu/install-pkg@0.3.2: + resolution: {integrity: sha512-FFYqME8+UHlPnRlX/vn+8cTD4Wo/nG/lzRxpABs3XANBmdJdNImVz3QvjNAE/W3PSCNbG387FOz8o5WelnWOlg==} + dependencies: + execa: 8.0.1 + dev: true + /@antfu/utils@0.7.7: resolution: {integrity: sha512-gFPqTG7otEJ8uP6wrhDv6mqwGWYZKNvAcCq6u9hOj0c+IKCEsY4L1oC9trPq2SaWIzAfHvqfBDxF591JkMf+kg==} dev: true @@ -5818,6 +5827,47 @@ packages: - supports-color dev: true + /unplugin-icons@0.18.5: + resolution: {integrity: sha512-KVNAohXbZ7tVcG1C3p6QaC7wU9Qrj7etv4XvsMMJAxr5LccQZ+Iuv5LOIv/7GtqXaGN1BuFCqRO1ErsHEgEXdQ==} + peerDependencies: + '@svgr/core': '>=7.0.0' + '@svgx/core': ^1.0.1 + '@vue/compiler-sfc': ^3.0.2 || ^2.7.0 + vue-template-compiler: ^2.6.12 + vue-template-es2015-compiler: ^1.9.0 + peerDependenciesMeta: + '@svgr/core': + optional: true + '@svgx/core': + optional: true + '@vue/compiler-sfc': + optional: true + vue-template-compiler: + optional: true + vue-template-es2015-compiler: + optional: true + dependencies: + '@antfu/install-pkg': 0.3.2 + '@antfu/utils': 0.7.7 + '@iconify/utils': 2.1.22 + debug: 4.3.4 + kolorist: 1.8.0 + local-pkg: 0.5.0 + unplugin: 1.10.1 + transitivePeerDependencies: + - supports-color + dev: true + + /unplugin@1.10.1: + resolution: {integrity: sha512-d6Mhq8RJeGA8UfKCu54Um4lFA0eSaRa3XxdAJg8tIdxbu1ubW0hBCZUL7yI2uGyYCRndvbK8FLHzqy2XKfeMsg==} + engines: {node: '>=14.0.0'} + dependencies: + acorn: 8.11.3 + chokidar: 3.6.0 + webpack-sources: 3.2.3 + webpack-virtual-modules: 0.6.1 + dev: true + /update-browserslist-db@1.0.13(browserslist@4.23.0): resolution: {integrity: sha512-xebP81SNcPuNpPP3uzeW1NYXxI3rxyJzF3pD6sH4jE7o/IX+WtSpwnVU+qIsDPyk0d3hmFQ7mjqc6AtV604hbg==} hasBin: true @@ -6070,6 +6120,15 @@ packages: /web-namespaces@2.0.1: resolution: {integrity: sha512-bKr1DkiNa2krS7qxNtdrtHAmzuYGFQLiQ13TsorsdT6ULTkPLKuu5+GsFpDlg6JFjUTwX2DyhMPG2be8uPrqsQ==} + /webpack-sources@3.2.3: + resolution: {integrity: sha512-/DyMEOrDgLKKIG0fmvtz+4dUX/3Ghozwgm6iPp8KRhvn+eQf9+Q7GWxVNMk3+uCPWfdXYC4ExGBckIXdFEfH1w==} + engines: {node: '>=10.13.0'} + dev: true + + /webpack-virtual-modules@0.6.1: + resolution: {integrity: sha512-poXpCylU7ExuvZK8z+On3kX+S8o/2dQ/SVYueKA0D4WEMXROXgY8Ez50/bQEUmvoSMMrWcrJqCHuhAbsiwg7Dg==} + dev: true + /which-pm-runs@1.1.0: resolution: {integrity: sha512-n1brCuqClxfFfq/Rb0ICg9giSZqCS+pLtccdag6C2HyufBrh3fBOiy9nb6ggRMvWOVH5GrdJskj5iGTZNxd7SA==} engines: {node: '>=4'} diff --git a/src/components/ThemeToggle.svelte b/src/components/ThemeToggle.svelte index 3c43ec1..bf62490 100644 --- a/src/components/ThemeToggle.svelte +++ b/src/components/ThemeToggle.svelte @@ -1,6 +1,8 @@ diff --git a/src/env.d.ts b/src/env.d.ts index acef35f..f14436a 100644 --- a/src/env.d.ts +++ b/src/env.d.ts @@ -1,2 +1,3 @@ /// /// +/// diff --git a/tsconfig.json b/tsconfig.json index 0a9b51e..a3b1ad0 100644 --- a/tsconfig.json +++ b/tsconfig.json @@ -6,7 +6,8 @@ "compilerOptions": { "baseUrl": ".", "types": [ - "vite-plugin-glsl/ext" + "vite-plugin-glsl/ext", + "unplugin-icons/types" ], "paths": { "@components/*": [