kmcom-nuxt-layers 2.7.4 → 2.7.5

package/layers/core/app/assets/css/core.css

@@ -16,3 +16,10 @@
 
 @import '#layers/core/app/assets/css/layout.css';
 @import '#layers/core/app/assets/css/base.css';
+
+/* Relative path, not the '#layers/typography' alias — that alias only exists
+   when the typography layer is in a consumer's `extends`. This file is a CSS
+   import (needed so Tailwind treats it as part of this one build root, see
+   typography.css's header comment), and must resolve even for consumers that
+   only extend core, since it lives in the same single published package. */
+@import '../../../../typography/app/assets/css/typography.css';

package/layers/core/app/plugins/icon-fetch-fix.ts

@@ -0,0 +1,12 @@
+import { _api } from '@iconify/vue'
+
+// @nuxt/icon@2.5.0 wires `_api.setFetch(useRequestFetch().native)`, but this
+// Nuxt/ofetch version doesn't expose `.native` on the request-scoped fetch,
+// so every icon lookup gets `undefined` as its fetch fn and fails instantly.
+// Re-point it at the global fetch after @nuxt/icon's own plugin has run.
+export default defineNuxtPlugin({
+  name: 'icon-fetch-fix',
+  setup() {
+    _api.setFetch(fetch)
+  },
+})

package/layers/core/package.json

@@ -19,6 +19,9 @@
     "nuxtupdate": "npx nuxi@latest upgrade --dedupe --force",
     "nuxiupgrade": "npx nuxi upgrade"
   },
+  "dependencies": {
+    "@iconify/vue": "catalog:"
+  },
   "devDependencies": {
     "@vite-pwa/nuxt": "catalog:"
   }

package/layers/typography/app/assets/css/typography.css

@@ -1,16 +1,10 @@
 /*
- * Loaded as its own global stylesheet (see layers/typography/nuxt.config.ts
- * `css:` array), not @import-chained through core.css's Tailwind root — so
- * @utility below is invisible to Tailwind unless this file is its own build
- * root. theme+utilities only (no preflight) to avoid double-emitting the
- * reset core.css already provides.
+ * @import-chained through core.css's single Tailwind build root (see
+ * layers/core/app/assets/css/core.css) — must NOT open its own
+ * 'tailwindcss/theme'/'tailwindcss/utilities' root, that creates a second
+ * parallel Tailwind build and breaks content-scan coverage for @nuxt/ui
+ * utilities elsewhere in the app (see kmcom-nuxt-layers-typography-css-bug.md).
  */
-@import 'tailwindcss/theme' layer(theme);
-@import 'tailwindcss/utilities' layer(utilities);
-
-@source '../../../../*/app/**/*.{vue,ts}';
-@source '../../../../../apps/*/app/**/*.{vue,ts}';
-
 :root {
   /* Fluid type scale — rounding interval. rem, never px (see §5 a11y). */
   --fluid-step: 0.25rem;

package/layers/typography/nuxt.config.ts

@@ -8,8 +8,6 @@ export default defineNuxtConfig({
     '#layers/typography/types': `${import.meta.dirname}/app/types`,
   },
 
-  css: ['#layers/typography/app/assets/css/typography.css'],
-
   compatibilityDate: '2026-06-06',
 
   typescript: {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "kmcom-nuxt-layers",
   "private": false,
-  "version": "2.7.4",
+  "version": "2.7.5",
   "description": "Composable Nuxt 4 layers for building scalable Vue applications",
   "exports": {
     "./layers/core": "./layers/core/nuxt.config.ts",