feat: use unplugin-icons

velut · Sep 15, 2023 · bcdcf36 · bcdcf36
1 parent 268aa70
commit bcdcf36
Show file tree

Hide file tree

Showing 21 changed files with 195 additions and 261 deletions.
diff --git a/.vscode/settings.json b/.vscode/settings.json
@@ -1,15 +1,16 @@
 {
 	"cSpell.ignoreWords": [
-		"Bookmarkelts",
-		"Edoardo",
-		"Scibona",
+		"bookmarkelts",
 		"daisyui",
+		"edoardo",
 		"hasha",
 		"iconify",
 		"klaw",
 		"noto",
 		"pathe",
+		"scibona",
 		"tailwindcss",
+		"unplugin",
 		"videospeedup"
 	],
 	"workbench.colorCustomizations": {

diff --git a/package.json b/package.json
@@ -18,6 +18,7 @@
 		"bunny:deploy": "tsx scripts/deploy-on-bunny.ts"
 	},
 	"devDependencies": {
+		"@iconify-json/noto": "^1.1.12",
 		"@sveltejs/adapter-auto": "^2.1.0",
 		"@sveltejs/adapter-static": "^2.0.3",
 		"@sveltejs/kit": "^1.25.0",
@@ -49,6 +50,7 @@
 		"tslib": "^2.6.2",
 		"tsx": "^3.12.10",
 		"typescript": "^5.2.2",
+		"unplugin-icons": "^0.17.0",
 		"vite": "^4.4.9"
 	},
 	"type": "module"

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/src/app.d.ts b/src/app.d.ts
@@ -1,3 +1,5 @@
+import 'unplugin-icons/types/svelte';
+
 // See https://kit.svelte.dev/docs/types#app
 // for information about these interfaces
 declare global {

diff --git a/src/lib/components/CustomSpeedControl.svelte b/src/lib/components/CustomSpeedControl.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
-	import ShuffleTracksIcon from '$lib/components/ShuffleTracksIcon.svelte';
 	import SpeedControl from '$lib/components/SpeedControl.svelte';
+	import IconShuffleTracks from '~icons/noto/shuffle-tracks-button';
 
 	const inputId = 'custom-speed-input';
 
@@ -10,7 +10,7 @@
 </script>
 
 <h2 class="flex items-center gap-3">
-	<ShuffleTracksIcon class="h-8 w-8" />
+	<IconShuffleTracks class="h-8 w-8" />
 	Custom Speed Control
 </h2>
 

diff --git a/src/lib/components/FastForwardIcon.svelte b/src/lib/components/FastForwardIcon.svelte
diff --git a/src/lib/components/FastReverseIcon.svelte b/src/lib/components/FastReverseIcon.svelte