@1001-digital/layers.base 0.0.10 → 0.0.12

package/README.md

@@ -11,3 +11,18 @@ pnpm install
 ## Development
 
 Running `pnpm dev` will prepare and boot `.playground` directory, which imports the layer itself.
+
+## Icons
+
+The base `Icon` component includes a default semantic icon map. Extending layers or apps can override or add entries via `app.config`:
+
+```ts
+export default defineAppConfig({
+  icons: {
+    map: {
+      check: 'custom:check-circle',
+      add: 'heroicons:plus'
+    }
+  }
+})
+```

package/app/app.config.ts

@@ -0,0 +1,20 @@
+export default defineAppConfig({
+  base: {
+    name: 'Hello from Nuxt layer',
+    icons: {
+      map: {}
+    }
+  },
+})
+
+declare module '@nuxt/schema' {
+  interface AppConfigInput {
+    base?: {
+      /** Project name */
+      name?: string,
+      icons?: {
+        map?: Record<string, string>
+      }
+    }
+  }
+}

package/app/components/Icon.vue

@@ -1,7 +1,8 @@
 <script setup lang="ts">
 const props = defineProps<{ type: string }>()
+const appConfig = useAppConfig()
 
-const ICON_MAP: Record<string, string> = {
+const DEFAULT_ICON_MAP: Record<string, string> = {
   add: 'lucide:plus',
   check: 'lucide:check',
   'chevron-down': 'lucide:chevron-down',
@@ -30,7 +31,12 @@ const ICON_MAP: Record<string, string> = {
   withdraw: 'lucide:undo',
 }
 
-const iconName = computed(() => ICON_MAP[props.type] || props.type)
+const iconMap = computed(() => ({
+  ...DEFAULT_ICON_MAP,
+  ...(appConfig.icons?.map || {})
+}))
+
+const iconName = computed(() => iconMap.value[props.type] || props.type)
 </script>
 
 <template>

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@1001-digital/layers.base",
   "type": "module",
-  "version": "0.0.10",
+  "version": "0.0.12",
   "main": "./nuxt.config.ts",
   "devDependencies": {
-    "@iconify-json/lucide": "^1.2.81",
-    "@iconify-json/simple-icons": "^1.2.63",
+    "@iconify-json/lucide": "^1.2.87",
+    "@iconify-json/simple-icons": "^1.2.69",
     "@nuxt/eslint": "latest",
     "@types/node": "^24.10.1",
     "eslint": "^9.39.1",

package/app.config.ts

@@ -1,14 +0,0 @@
-export default defineAppConfig({
-  myLayer: {
-    name: 'Hello from Nuxt layer'
-  }
-})
-
-declare module '@nuxt/schema' {
-  interface AppConfigInput {
-    myLayer?: {
-      /** Project name */
-      name?: string
-    }
-  }
-}