fix(stage-tamagotchi): dev

apps/stage-tamagotchi/package.json

@@ -91,6 +91,7 @@
     "@iconify-json/mingcute": "^1.2.3",
     "@iconify-json/solar": "^1.2.2",
     "@iconify-json/svg-spinners": "^1.2.2",
+    "@iconify/utils": "^2.3.0",
     "@intlify/unplugin-vue-i18n": "^6.0.3",
     "@proj-airi/elevenlabs": "workspace:^",
     "@proj-airi/unplugin-download": "workspace:^",

apps/stage-tamagotchi/uno.config.ts

@@ -1,43 +1,59 @@
-import { defineConfig, mergeConfigs, presetIcons, presetWebFonts } from 'unocss'
+import { createExternalPackageIconLoader } from '@iconify/utils/lib/loader/external-pkg'
+import {
+  defineConfig,
+  presetAttributify,
+  presetIcons,
+  presetTypography,
+  presetWebFonts,
+  presetWind3,
+  transformerDirectives,
+  transformerVariantGroup,
+} from 'unocss'
 
-import UnoCSSConfig from '../../uno.config'
-
-export default defineConfig(mergeConfigs([
-  UnoCSSConfig,
-  {
-    presets: [
-      presetWebFonts({
-        fonts: {
-          sans: 'DM Sans',
-          serif: 'DM Serif Display',
-          mono: 'DM Mono',
-          cute: 'Kiwi Maru',
-          cuteen: 'Sniglet',
-        },
-      }),
-      presetIcons({
-        scale: 1.2,
-      }),
-    ],
-    // hyoban/unocss-preset-shadcn: Use shadcn ui with UnoCSS
-    // https://github.com/hyoban/unocss-preset-shadcn
-    //
-    // Thanks to
-    // https://github.com/unovue/shadcn-vue/issues/34#issuecomment-2467318118
-    // https://github.com/hyoban-template/shadcn-vue-unocss-starter
-    //
-    // By default, `.ts` and `.js` files are NOT extracted.
-    // If you want to extract them, use the following configuration.
-    // It's necessary to add the following configuration if you use shadcn-vue or shadcn-svelte.
-    content: {
-      pipeline: {
-        include: [
-        // the default
-          /\.(vue|svelte|[jt]sx|mdx?|astro|elm|php|phtml|html)($|\?)/,
-          // include js/ts files
-          '(components|src)/**/*.{js,ts}',
-        ],
+export default defineConfig({
+  presets: [
+    presetWind3(),
+    presetAttributify(),
+    presetTypography(),
+    presetWebFonts({
+      fonts: {
+        sans: 'DM Sans',
+        serif: 'DM Serif Display',
+        mono: 'DM Mono',
+        cute: 'Kiwi Maru',
+        cuteen: 'Sniglet',
+      },
+    }),
+    presetIcons({
+      scale: 1.2,
+      collections: {
+        ...createExternalPackageIconLoader('@proj-airi/lobe-icons'),
       },
+    }),
+  ],
+  transformers: [
+    transformerDirectives(),
+    transformerVariantGroup(),
+  ],
+  safelist: 'prose prose-sm m-auto text-left'.split(' '),
+  // hyoban/unocss-preset-shadcn: Use shadcn ui with UnoCSS
+  // https://github.com/hyoban/unocss-preset-shadcn
+  //
+  // Thanks to
+  // https://github.com/unovue/shadcn-vue/issues/34#issuecomment-2467318118
+  // https://github.com/hyoban-template/shadcn-vue-unocss-starter
+  //
+  // By default, `.ts` and `.js` files are NOT extracted.
+  // If you want to extract them, use the following configuration.
+  // It's necessary to add the following configuration if you use shadcn-vue or shadcn-svelte.
+  content: {
+    pipeline: {
+      include: [
+      // the default
+        /\.(vue|svelte|[jt]sx|mdx?|astro|elm|php|phtml|html)($|\?)/,
+        // include js/ts files
+        '(components|src)/**/*.{js,ts}',
+      ],
     },
   },
-]))
+})