g

uno.config.ts

@@ -0,0 +1,33 @@
+import { defineConfig } from 'unocss'
+import presetUno from '@unocss/preset-uno'
+import presetIcons from '@unocss/preset-icons'
+
+export default defineConfig({
+  presets: [
+    presetUno(), // Or your preferred base preset
+    presetIcons({
+      // Use the 'mask' mode for CSS-based icons
+      mode: 'auto', // Or 'background-img' if you prefer background images
+      // Optional: customize other options
+      scale: 1.2, // Default icon size scaling
+      warn: true, // Warn when icons requested are not found
+      // Example: prefix for all icons
+      // prefix: 'icon-',
+      // Example: customize collections
+      // collections: {
+      //   'my-icons': () => import('@iconify-json/mdi/icons.json').then(i => i.default),
+      // }
+    }),
+  ],
+  shortcuts: [
+    // Shortcut to convert :collection-name: to i-collection-name
+    // Example: :mdi-home: -> i-mdi-home
+    [/^:([a-z0-9-]+)-([a-z0-9-]+):$/, ([, collection, name]) => `i-${collection}-${name}`],
+
+    // Add any other project-specific shortcuts here
+    // Example: ['btn', 'px-4 py-1 rounded inline-block bg-teal-600 text-white cursor-pointer hover:bg-teal-700 disabled:cursor-default disabled:bg-gray-600 disabled:opacity-50'],
+  ],
+  // Optional: Add rules or transformers if needed
+  // rules: [],
+  // transformers: [],
+})