➕ Add icon libs

package.json

@@ -12,10 +12,14 @@
 		"format": "prettier --plugin-search-dir . --write ."
 	},
 	"devDependencies": {
+		"@iconify-json/ant-design": "^1.1.3",
+		"@iconify-json/il": "^1.1.2",
 		"@sveltejs/adapter-node": "next",
 		"@sveltejs/kit": "next",
 		"@typescript-eslint/eslint-plugin": "^5.27.0",
 		"@typescript-eslint/parser": "^5.27.0",
+		"@unocss/preset-icons": "^0.46.3",
+		"@unocss/preset-uno": "^0.46.3",
 		"@unocss/reset": "^0.46.3",
 		"eslint": "^8.16.0",
 		"eslint-config-prettier": "^8.3.0",

pnpm-lock.yaml

@@ -1,10 +1,14 @@
 lockfileVersion: 5.4
 
 specifiers:
+  '@iconify-json/ant-design': ^1.1.3
+  '@iconify-json/il': ^1.1.2
   '@sveltejs/adapter-node': next
   '@sveltejs/kit': next
   '@typescript-eslint/eslint-plugin': ^5.27.0
   '@typescript-eslint/parser': ^5.27.0
+  '@unocss/preset-icons': ^0.46.3
+  '@unocss/preset-uno': ^0.46.3
   '@unocss/reset': ^0.46.3
   eslint: ^8.16.0
   eslint-config-prettier: ^8.3.0
@@ -20,10 +24,14 @@ specifiers:
   vite: ^3.1.0
 
 devDependencies:
+  '@iconify-json/ant-design': 1.1.3
+  '@iconify-json/il': 1.1.2
   '@sveltejs/adapter-node': 1.0.0-next.100
   '@sveltejs/kit': 1.0.0-next.535_svelte@3.52.0+vite@3.2.2
   '@typescript-eslint/eslint-plugin': 5.42.0_6xw5wg2354iw4zujk2f3vyfrzu
   '@typescript-eslint/parser': 5.42.0_wyqvi574yv7oiwfeinomdzmc3m
+  '@unocss/preset-icons': 0.46.3
+  '@unocss/preset-uno': 0.46.3
   '@unocss/reset': 0.46.3
   eslint: 8.26.0
   eslint-config-prettier: 8.5.0_eslint@8.26.0
@@ -114,6 +122,18 @@ packages:
     resolution: {integrity: sha512-ZnQMnLV4e7hDlUvw8H+U8ASL02SS2Gn6+9Ac3wGGLIe7+je2AeAOxPY+izIPJDfFDb7eDjev0Us8MO1iFRN8hA==}
     dev: true
 
+  /@iconify-json/ant-design/1.1.3:
+    resolution: {integrity: sha512-PL5NpjkjFxmOY6CGdgd1XAVTQZrkBC/XilXJsqeiAmL8fFlIri/GCdqt2f0OrP4RQFUoCGxaKmSXqbj/T9HUXw==}
+    dependencies:
+      '@iconify/types': 2.0.0
+    dev: true
+
+  /@iconify-json/il/1.1.2:
+    resolution: {integrity: sha512-WIV6Mxsy6hIOERu+Nol9gy35b2sVftLJdVlgYMbfMgszgdIYhC4orlRTLxOy7SEuoAieC1KUfsFaHd8v6NPiQw==}
+    dependencies:
+      '@iconify/types': 2.0.0
+    dev: true
+
   /@iconify/types/2.0.0:
     resolution: {integrity: sha512-+wluvCrRhXrhyOmRDJ3q8mux9JkKy5SJ/v8ol2tu4FVjyYvtEzkc/3pK15ET6RKg4b4w4BmTk1+gsCUhf21Ykg==}
     dev: true

vite.config.ts

@@ -1,33 +1,44 @@
 import { sveltekit } from '@sveltejs/kit/vite';
 import type { UserConfig } from 'vite';
-import Unocss from 'unocss/vite'
+import Unocss from 'unocss/vite';
+import presetIcons from '@unocss/preset-icons';
+import presetUno from '@unocss/preset-uno';
 
 const config: UserConfig = {
-	plugins: [sveltekit(), Unocss({
-		rules: [
-			[/^text-(.*)$/, ([, c], { theme }) => {
-				if (c in theme.colors)
-					return { color: theme.colors[c as keyof typeof theme.colors] };
-			}], 
-			[/^bg-(.*)$/, ([, c], { theme }) => {
-				if (c in theme.colors)
-					return { "background-color": theme.colors[c as keyof typeof theme.colors] };
-			}],
-		],
-		shortcuts: {
-			input: "w-full max-w-80 text-lg pl-2 border border-solid border-2 rounded-xl",
-			link: "underline text-brunswick",
-			btn: "text-white bg-oxford px-4 py-2 rounded-3xl font-bold border-0",
-			"btn-sunray": "text-white bg-sunray px-4 py-2 rounded-3xl font-bold border-0",
-		},
-		theme: {
-			colors: {
-				"oxford": "#0a274c",
-				"sunray": "#d3a95a",
-				"brunswick": "#1e4832"
+	plugins: [
+		sveltekit(),
+		Unocss({
+			presets: [presetUno(), presetIcons()],
+			rules: [
+				[
+					/^text-(.*)$/,
+					([, c], { theme }) => {
+						if (c in theme.colors) return { color: theme.colors[c as keyof typeof theme.colors] };
+					}
+				],
+				[
+					/^bg-(.*)$/,
+					([, c], { theme }) => {
+						if (c in theme.colors)
+							return { 'background-color': theme.colors[c as keyof typeof theme.colors] };
+					}
+				]
+			],
+			shortcuts: {
+				input: 'w-full max-w-80 text-lg pl-2 border border-solid border-2 rounded-xl',
+				link: 'underline text-brunswick',
+				btn: 'text-white bg-oxford px-4 py-2 rounded-3xl font-bold border-0',
+				'btn-sunray': 'text-white bg-sunray px-4 py-2 rounded-3xl font-bold border-0'
 			},
-		}
-	})]
+			theme: {
+				colors: {
+					oxford: '#0a274c',
+					sunray: '#d3a95a',
+					brunswick: '#1e4832'
+				}
+			}
+		})
+	]
 };
 
 export default config;