@1001-digital/layers.base 0.0.12 → 0.0.14

package/.playground/app/app.config.ts

@@ -1,5 +1,5 @@
 export default defineAppConfig({
-  myLayer: {
-    name: 'My amazing Nuxt layer (overwritten)'
-  }
+  base: {
+    name: 'Hello from Nuxt layer'
+  },
 })

package/.playground/app/pages/index.vue

@@ -230,11 +230,13 @@
         <div class="component-demo">
           <h4>Dismissable Tags</h4>
           <Tags>
-            <Tag v-for="tag in dismissableTags" :key="tag" dismissable @dismiss="dismissableTags = dismissableTags.filter(t => t !== tag)">
+            <Tag v-for="tag in dismissableTags" :key="tag" dismissable
+              @dismiss="dismissableTags = dismissableTags.filter(t => t !== tag)">
               {{ tag }}
             </Tag>
           </Tags>
-          <Button v-if="dismissableTags.length === 0" class="small" @click="dismissableTags = ['Dismissable 1', 'Dismissable 2', 'Dismissable 3']">
+          <Button v-if="dismissableTags.length === 0" class="small"
+            @click="dismissableTags = ['Dismissable 1', 'Dismissable 2', 'Dismissable 3']">
             Reset Tags
           </Button>
         </div>
@@ -389,10 +391,8 @@ const fontSizes = ['xs', 'sm', 'base', 'lg', 'xl', '2xl', '3xl']
 const sizes = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10]
 const spacers = ['xs', 'sm', 'default', 'md', 'lg', 'xl']
 const iconTypes = [
-  'add', 'check', 'chevron-down', 'chevron-left', 'chevron-right',
-  'chevron-up', 'close', 'code', 'discord', 'edit', 'email',
-  'folder', 'github', 'home', 'image', 'link', 'loader',
-  'maximize', 'times', 'trash', 'twitter', 'user', 'website', 'withdraw'
+  'lucide:plus', 'check', 'chevron-down', 'lucide:chevron-left', 'lucide:chevron-right',
+  'close',
 ]
 
 const showDialog = ref(false)

package/.playground/nuxt.config.ts

@@ -8,5 +8,10 @@ export default defineNuxtConfig({
       // Use the generated ESLint config for lint root project as well
       rootDir: fileURLToPath(new URL('..', import.meta.url))
     }
-  }
+  },
+  icon: {
+    aliases: {
+      close: 'ic:baseline-close',
+    },
+  },
 })

package/README.md

@@ -14,12 +14,12 @@ Running `pnpm dev` will prepare and boot `.playground` directory, which imports
 
 ## Icons
 
-The base `Icon` component includes a default semantic icon map. Extending layers or apps can override or add entries via `app.config`:
+The base `Icon` component relies on Nuxt Icon aliases. Defaults are limited to icons used outside `.playground`. Extend or override aliases via `nuxt.config`:
 
 ```ts
-export default defineAppConfig({
-  icons: {
-    map: {
+export default defineNuxtConfig({
+  icon: {
+    aliases: {
       check: 'custom:check-circle',
       add: 'heroicons:plus'
     }

package/app/app.config.ts

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

package/app/components/Icon.vue

@@ -1,48 +1,13 @@
+<template>
+  <NuxtIcon v-if="iconName" :name="iconName" class="icon" />
+</template>
+
 <script setup lang="ts">
 const props = defineProps<{ type: string }>()
-const appConfig = useAppConfig()
-
-const DEFAULT_ICON_MAP: Record<string, string> = {
-  add: 'lucide:plus',
-  check: 'lucide:check',
-  'chevron-down': 'lucide:chevron-down',
-  'chevron-left': 'lucide:chevron-left',
-  'chevron-right': 'lucide:chevron-right',
-  'chevron-up': 'lucide:chevron-up',
-  close: 'lucide:x',
-  copy: 'lucide:copy',
-  code: 'lucide:code',
-  discord: 'simple-icons:discord',
-  edit: 'lucide:pencil',
-  email: 'lucide:mail',
-  folder: 'lucide:folder',
-  github: 'simple-icons:github',
-  home: 'lucide:home',
-  help: 'lucide:circle-question-mark',
-  image: 'lucide:image',
-  link: 'lucide:link',
-  loader: 'lucide:loader-2',
-  maximize: 'lucide:maximize',
-  times: 'lucide:x',
-  trash: 'lucide:trash-2',
-  twitter: 'simple-icons:x',
-  user: 'lucide:user',
-  website: 'lucide:globe',
-  withdraw: 'lucide:undo',
-}
 
-const iconMap = computed(() => ({
-  ...DEFAULT_ICON_MAP,
-  ...(appConfig.icons?.map || {})
-}))
-
-const iconName = computed(() => iconMap.value[props.type] || props.type)
+const iconName = computed(() => props.type)
 </script>
 
-<template>
-  <NuxtIcon v-if="iconName" :name="iconName" class="icon" />
-</template>
-
 <style scoped>
 .icon {
   display: inline-flex;

package/nuxt.config.ts

@@ -11,11 +11,19 @@ export default defineNuxtConfig({
 
   icon: {
     componentName: 'NuxtIcon',
+    aliases: {
+      check: 'lucide:check',
+      'chevron-down': 'lucide:chevron-down',
+      close: 'lucide:x',
+      copy: 'lucide:copy',
+      help: 'lucide:circle-question-mark',
+      loader: 'lucide:loader-2',
+    }
   },
 
   css: [
     join(currentDir, './app/assets/styles/index.css'),
   ],
 
-  compatibilityDate: '2026-01-28'
+  compatibilityDate: '2026-01-28',
 })

package/package.json

@@ -1,24 +1,24 @@
 {
   "name": "@1001-digital/layers.base",
   "type": "module",
-  "version": "0.0.12",
+  "version": "0.0.14",
   "main": "./nuxt.config.ts",
   "devDependencies": {
-    "@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",
-    "nuxt": "^4.2.2",
+    "nuxt": "^4.3.0",
     "typescript": "^5.9.3",
     "vue": "latest"
   },
   "dependencies": {
+    "@iconify-json/lucide": "^1.2.87",
+    "@iconify-json/simple-icons": "^1.2.69",
     "@nuxt/icon": "^2.2.1",
     "@types/luxon": "^3.6.2",
     "luxon": "^3.6.1",
     "modern-normalize": "^3.0.1",
-    "reka-ui": "^2.7.0"
+    "reka-ui": "^2.8.0"
   },
   "scripts": {
     "dev": "nuxi dev .playground",