kmcom-nuxt-layers 2.2.6 → 2.2.8

package/layers/core/app/composables/useErrorLog.ts

@@ -94,9 +94,9 @@ export function useErrorLog() {
     const { externalUrl, externalToken } = config.value
 
     if (!externalUrl) {
-      process.env.NODE_ENV === 'development'
-        ? console.warn('Error logging enabled but no externalUrl configured')
-        : ''
+      if (process.env.NODE_ENV === 'development') {
+        console.warn('Error logging enabled but no externalUrl configured')
+      }
       return
     }
 
@@ -118,10 +118,8 @@ export function useErrorLog() {
       })
     } catch (loggingError) {
       // Don't let logging errors crash the app
-      if (import.meta.dev) {
-        process.env.NODE_ENV === 'development'
-          ? console.error('Failed to send error to external service:', loggingError)
-          : ''
+      if (import.meta.dev && process.env.NODE_ENV === 'development') {
+        console.error('Failed to send error to external service:', loggingError)
       }
     }
   }
@@ -130,8 +128,8 @@ export function useErrorLog() {
    * Log a warning (non-critical error)
    */
   const logWarning = (message: string, context?: ErrorContext) => {
-    if (config.value.logToConsole && import.meta.dev) {
-      process.env.NODE_ENV === 'development' ? console.warn('⚠️  Warning:', message, context) : ''
+    if (config.value.logToConsole && import.meta.dev && process.env.NODE_ENV === 'development') {
+      console.warn('⚠️  Warning:', message, context)
     }
   }
 
@@ -139,8 +137,8 @@ export function useErrorLog() {
    * Log info (for debugging)
    */
   const logInfo = (message: string, data?: unknown) => {
-    if (config.value.logToConsole && import.meta.dev) {
-      process.env.NODE_ENV === 'development' ? console.log('ℹ️  Info:', message, data) : ''
+    if (config.value.logToConsole && import.meta.dev && process.env.NODE_ENV === 'development') {
+      console.log('ℹ️  Info:', message, data)
     }
   }
 

package/layers/core/app/utils/helpers.ts

@@ -18,30 +18,32 @@ export function safeJsonParse<T>(json: string, fallback: T): T {
 /**
  * Debounce function execution
  */
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
 export function debounce<T extends (...args: any[]) => any>(
   fn: T,
   delay: number
 ): (...args: Parameters<T>) => void {
   let timeoutId: ReturnType<typeof setTimeout>
 
-  return function (this: any, ...args: Parameters<T>) {
+  return function (...args: Parameters<T>) {
     clearTimeout(timeoutId)
-    timeoutId = setTimeout(() => fn.apply(this, args), delay)
+    timeoutId = setTimeout(() => fn(...args), delay)
   }
 }
 
 /**
  * Throttle function execution
  */
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
 export function throttle<T extends (...args: any[]) => any>(
   fn: T,
   limit: number
 ): (...args: Parameters<T>) => void {
   let inThrottle: boolean
 
-  return function (this: any, ...args: Parameters<T>) {
+  return function (...args: Parameters<T>) {
     if (!inThrottle) {
-      fn.apply(this, args)
+      fn(...args)
       inThrottle = true
       setTimeout(() => (inThrottle = false), limit)
     }
@@ -68,7 +70,7 @@ export async function retry<T>(
 ): Promise<T> {
   const { maxAttempts = 3, delay = 1000, backoff = 2 } = options
 
-  let lastError: Error
+  let lastError: Error = new Error('All retry attempts failed')
 
   for (let attempt = 1; attempt <= maxAttempts; attempt++) {
     try {
@@ -83,7 +85,7 @@ export async function retry<T>(
     }
   }
 
-  throw lastError!
+  throw lastError
 }
 
 /**
@@ -123,8 +125,8 @@ export function formatBytes(bytes: number, decimals = 2): string {
 export function deepClone<T>(obj: T): T {
   if (obj === null || typeof obj !== 'object') return obj
 
-  if (obj instanceof Date) return new Date(obj.getTime()) as any
-  if (obj instanceof Array) return obj.map((item) => deepClone(item)) as any
+  if (obj instanceof Date) return new Date(obj.getTime()) as unknown as T
+  if (obj instanceof Array) return obj.map((item) => deepClone(item)) as unknown as T
   if (obj instanceof Object) {
     const clonedObj = {} as T
     for (const key in obj) {
@@ -182,8 +184,8 @@ export function truncate(str: string, length: number, suffix = '...'): string {
 /**
  * Remove undefined/null values from object
  */
-export function removeEmpty<T extends Record<string, any>>(obj: T): Partial<T> {
-  const result: any = {}
+export function removeEmpty<T extends Record<string, unknown>>(obj: T): Partial<T> {
+  const result: Partial<T> = {}
 
   for (const key in obj) {
     if (obj[key] !== undefined && obj[key] !== null) {
@@ -214,7 +216,7 @@ export function groupBy<T>(array: T[], key: keyof T): Record<string, T[]> {
 /**
  * Pick specific keys from object
  */
-export function pick<T extends Record<string, any>, K extends keyof T>(
+export function pick<T extends Record<string, unknown>, K extends keyof T>(
   obj: T,
   keys: K[]
 ): Pick<T, K> {
@@ -232,7 +234,7 @@ export function pick<T extends Record<string, any>, K extends keyof T>(
 /**
  * Omit specific keys from object
  */
-export function omit<T extends Record<string, any>, K extends keyof T>(
+export function omit<T extends Record<string, unknown>, K extends keyof T>(
   obj: T,
   keys: K[]
 ): Omit<T, K> {

package/layers/core/nuxt.config.ts

@@ -7,6 +7,7 @@ export default defineNuxtConfig({
   alias: {
     '#layers/core': import.meta.dirname,
     '#layers/core/types': `${import.meta.dirname}/app/types`,
+    '#types': `${import.meta.dirname}/../../types`,
   },
 
   // Base modules (always loaded)

package/layers/feeds/app/plugins/feed-head.ts

@@ -1,8 +1,7 @@
 export default defineNuxtPlugin({
   name: 'feeds:feed-head',
   setup() {
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    const appConfig = useAppConfig() as any
+    const appConfig = useAppConfig()
     const site = appConfig.site ?? {}
     const feedConfig = appConfig.feedsLayer?.feed ?? {}
     const collections: string[] = feedConfig.collections ?? ['blog']

package/layers/feeds/package.json

@@ -10,7 +10,8 @@
     "dev:prepare": "nuxt prepare .playground",
     "build": "FEEDS_STANDALONE=true nuxi build",
     "generate": "FEEDS_STANDALONE=true nuxi generate",
-    "preview": "nuxt preview .playground"
+    "preview": "nuxt preview .playground",
+    "lint": "eslint ."
   },
   "dependencies": {
     "feed": "catalog:"

package/layers/feeds/server/routes/feed/discovery.get.ts

@@ -1,6 +1,5 @@
 export default defineEventHandler((event) => {
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  const appConfig = useAppConfig() as any
+  const appConfig = useAppConfig()
   const feedConfig = appConfig.feedsLayer?.feed ?? {}
   const collections: string[] = feedConfig.collections ?? ['blog']
 

package/layers/feeds/server/utils/content-adapter.ts

@@ -3,14 +3,15 @@ import type { H3Event } from 'h3'
 
 import type { FeedItem } from './types'
 
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-type AnyContent = Record<string, any>
+type AnyContent = Record<string, unknown>
 
 export async function getContentFeedItems(
   event: H3Event,
   collection: string = 'blog',
   limit: number = 30
 ): Promise<FeedItem[]> {
+  // queryCollection's first argument is typed as a const collection name, but we pass
+  // a dynamic string at runtime — the cast is intentional and safe here.
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   const raw: AnyContent[] = await (queryCollection as any)(event, collection).all()
 

package/layers/forms/app/components/Form/Field.vue

@@ -5,12 +5,12 @@
   const {
     type = 'text',
     name,
-    label,
+    label = undefined,
     required = false,
     size = 'md',
-    placeholder,
-    icon,
-    class: className,
+    placeholder = undefined,
+    icon = undefined,
+    class: className = undefined,
   } = defineProps<{
     /** Field type determines validation, icon, and input behavior */
     type?: FieldType

package/layers/forms/app/types/index.ts

@@ -0,0 +1 @@
+export type * from './fields'

package/layers/forms/package.json

@@ -6,7 +6,8 @@
   "scripts": {
     "dev": "nuxi dev",
     "dev:playground": "PLAYGROUND_LAYERS=core,mailer,forms pnpm -F playground dev",
-    "typecheck": "vue-tsc --noEmit -p ../../tsconfig.typecheck.json"
+    "typecheck": "vue-tsc --noEmit -p ../../tsconfig.typecheck.json",
+    "lint": "eslint ."
   },
   "dependencies": {
     "zod": "catalog:conflicts_conflicts_zod_h4_3_6_h4_4_3"

package/layers/layout/app/components/Layout/Grid/Item.vue

@@ -65,26 +65,40 @@
     aspect?: AspectRatio
   }
 
-  const props = defineProps<Props>()
-
-  const { as = 'div' } = props
+  const {
+    preset: presetProp = undefined,
+    as = 'div',
+    colStart: colStartProp = undefined,
+    colSpan: colSpanProp = undefined,
+    rowStart: rowStartProp = undefined,
+    rowSpan: rowSpanProp = undefined,
+    align: alignProp = undefined,
+    justify: justifyProp = undefined,
+    container: containerProp = undefined,
+    gap: gapProp = undefined,
+    density: densityProp = undefined,
+    z = undefined,
+    layer = undefined,
+    bleed = undefined,
+    aspect = undefined,
+  } = defineProps<Props>()
 
   // Get preset configuration if preset prop is provided
   const { getPreset } = useGridConfig()
-  const presetConfig = computed(() => (props.preset ? getPreset(props.preset) : undefined))
+  const presetConfig = computed(() => (presetProp ? getPreset(presetProp) : undefined))
 
   // Merge preset values with explicit props (explicit props take precedence)
-  const colStart = computed(() => props.colStart ?? presetConfig.value?.colStart)
-  const colSpan = computed(() => props.colSpan ?? presetConfig.value?.colSpan ?? 'full')
-  const rowStart = computed(() => props.rowStart ?? presetConfig.value?.rowStart)
-  const rowSpan = computed(() => props.rowSpan ?? presetConfig.value?.rowSpan ?? 1)
+  const colStart = computed(() => colStartProp ?? presetConfig.value?.colStart)
+  const colSpan = computed(() => colSpanProp ?? presetConfig.value?.colSpan ?? 'full')
+  const rowStart = computed(() => rowStartProp ?? presetConfig.value?.rowStart)
+  const rowSpan = computed(() => rowSpanProp ?? presetConfig.value?.rowSpan ?? 1)
 
   // Preset-aware alignment computed refs
-  const align = computed(() => props.align ?? presetConfig.value?.align)
-  const justify = computed(() => props.justify ?? presetConfig.value?.justify)
-  const container = computed(() => props.container ?? presetConfig.value?.container)
-  const gap = computed(() => props.gap ?? presetConfig.value?.gap)
-  const density = computed(() => props.density ?? presetConfig.value?.density)
+  const align = computed(() => alignProp ?? presetConfig.value?.align)
+  const justify = computed(() => justifyProp ?? presetConfig.value?.justify)
+  const container = computed(() => containerProp ?? presetConfig.value?.container)
+  const gap = computed(() => gapProp ?? presetConfig.value?.gap)
+  const density = computed(() => densityProp ?? presetConfig.value?.density)
 
   const layerZIndex: Record<LayerName, number> = {
     back: 0,
@@ -133,15 +147,15 @@
     const rowStartVal = getDefaultValue(rowStart.value, undefined)
     const rowSpanVal = getDefaultValue(rowSpan.value, 1)
 
-    if (props.bleed) {
-      if (props.bleed === 'both') {
+    if (bleed) {
+      if (bleed === 'both') {
         styles.gridColumn = '1 / -1'
         styles.marginInline = 'calc(-1 * var(--grid-padding))'
-      } else if (props.bleed === 'left') {
+      } else if (bleed === 'left') {
         const spanNum = typeof colSpanVal === 'number' ? colSpanVal : undefined
         styles.gridColumn = spanNum ? `1 / span ${spanNum}` : '1 / -1'
         styles.marginInlineStart = 'calc(-1 * var(--grid-padding))'
-      } else if (props.bleed === 'right') {
+      } else if (bleed === 'right') {
         styles.gridColumn = `${colStartVal ?? 'auto'} / -1`
         styles.marginInlineEnd = 'calc(-1 * var(--grid-padding))'
       }
@@ -218,7 +232,7 @@
     }
 
     // Z-index
-    const zIndex = props.z ?? (props.layer ? layerZIndex[props.layer] : undefined)
+    const zIndex = z ?? (layer ? layerZIndex[layer] : undefined)
     if (zIndex !== undefined) styles.zIndex = String(zIndex)
 
     return styles
@@ -227,7 +241,7 @@
   const classes = computed(() => {
     const classList: string[] = ['gi-placed', '@container', '@container/item']
 
-    if (props.aspect) classList.push(aspectClasses[props.aspect])
+    if (aspect) classList.push(aspectClasses[aspect])
     if (container.value) classList.push(`layout-container-${container.value}`)
 
     return classList.join(' ')

package/layers/layout/app/components/Layout/Page/Container.vue

@@ -38,23 +38,23 @@
    * </PageContainer>
    */
 
-  interface Props {
-    title: string
-    description?: string
-    showHeader?: boolean
-    headerPreset?: string
-    layout?: 'grid' | 'upage'
-    back?: string
-  }
+  defineOptions({ inheritAttrs: false })
 
   const {
     title,
-    description,
+    description = undefined,
     showHeader = true,
     headerPreset = 'centered',
     layout = 'grid',
-    back,
-  } = defineProps<Props>()
+    back = undefined,
+  } = defineProps<{
+    title: string
+    description?: string
+    showHeader?: boolean
+    headerPreset?: string
+    layout?: 'grid' | 'upage'
+    back?: string
+  }>()
 
   // Set page metadata for SEO and browser tab
   useHead({

package/layers/layout/app/components/Layout/Page/Header.vue

@@ -21,7 +21,7 @@
     back?: string
   }
 
-  defineProps<Props>()
+  const { title, description = undefined, back = undefined } = defineProps<Props>()
 </script>
 
 <template>

package/layers/layout/app/components/Layout/Page/index.vue

@@ -40,7 +40,7 @@
     showHeader?: boolean
   }
 
-  const { title, description, showHeader = false } = defineProps<Props>()
+  const { title, description = undefined, showHeader = false } = defineProps<Props>()
 
   useHead({
     title,

package/layers/layout/app/components/Layout/Section/Gallery.vue

@@ -29,7 +29,12 @@
     fullHeight?: boolean
   }
 
-  const { items, columns = 3, itemRowSpan = 4, fullHeight = false } = defineProps<Props<T>>()
+  const {
+    items = undefined,
+    columns = 3,
+    itemRowSpan = 4,
+    fullHeight = false,
+  } = defineProps<Props<T>>()
 
   // Responsive column spans that work across 6/12/18 column grids
   const columnSpan = computed(() => {

package/layers/layout/app/components/Layout/Section/Title.vue

@@ -20,7 +20,7 @@
     description?: string
   }
 
-  defineProps<Props>()
+  const { title, description = undefined } = defineProps<Props>()
 </script>
 
 <template>

package/layers/layout/app/types/index.ts

@@ -0,0 +1 @@
+export type * from './layouts'

package/layers/layout/package.json

@@ -9,6 +9,7 @@
     "dev:prepare": "nuxt prepare .playground",
     "build": "nuxt build .playground",
     "generate": "nuxt generate .playground",
-    "preview": "nuxt preview .playground"
+    "preview": "nuxt preview .playground",
+    "lint": "eslint ."
   }
 }

package/layers/mailer/app/types/index.ts

@@ -0,0 +1 @@
+export type * from './mailer'

package/layers/mailer/app/types/mailer.ts

@@ -0,0 +1,25 @@
+export type ContactEmailData = {
+  name: string
+  email: string
+  message: string
+}
+
+export type ContactSubmittedPayload = {
+  name: string
+  email: string
+  message: string
+}
+
+export type ContactSentPayload = {
+  messageId: string
+} & ContactSubmittedPayload
+
+export type ContactFailedPayload = {
+  error: unknown
+} & ContactSubmittedPayload
+
+export type MailerLayerHooks = {
+  'contact:submitted': (payload: ContactSubmittedPayload) => void
+  'contact:sent': (payload: ContactSentPayload) => void
+  'contact:failed': (payload: ContactFailedPayload) => void
+}

package/layers/mailer/package.json

@@ -6,7 +6,8 @@
   "scripts": {
     "dev": "nuxi dev",
     "dev:playground": "PLAYGROUND_LAYERS=core,mailer pnpm -F playground dev",
-    "typecheck": "vue-tsc --noEmit -p ../../tsconfig.typecheck.json"
+    "typecheck": "vue-tsc --noEmit -p ../../tsconfig.typecheck.json",
+    "lint": "eslint ."
   },
   "dependencies": {
     "hookable": "catalog:",

package/layers/motion/package.json

@@ -8,6 +8,7 @@
     "dev": "nuxi dev .playground",
     "dev:prepare": "nuxt prepare .playground",
     "build": "nuxt build .playground",
-    "preview": "nuxt preview .playground"
+    "preview": "nuxt preview .playground",
+    "lint": "eslint ."
   }
 }

package/layers/navigation/app/components/Links/Group.vue

@@ -2,6 +2,7 @@
   import { cloneVNode, defineComponent, Fragment, h, ref, type VNode } from 'vue'
 
   export default defineComponent({
+    name: 'LinksGroup',
     inheritAttrs: false,
     props: {
       tag: { type: String, default: 'div' },

package/layers/navigation/app/components/Links/Named.vue

@@ -1,6 +1,8 @@
 <script setup lang="ts">
   import type { UiColors } from '#layers/typography/types/colors'
 
+  defineOptions({ inheritAttrs: false })
+
   const {
     name,
     params = undefined,

package/layers/navigation/app/types/index.ts

@@ -0,0 +1 @@
+export type * from './nav'

package/layers/navigation/package.json

@@ -2,5 +2,8 @@
   "name": "kmcom-layer-navigation",
   "version": "0.0.1",
   "type": "module",
-  "main": "./nuxt.config.ts"
+  "main": "./nuxt.config.ts",
+  "scripts": {
+    "lint": "eslint ."
+  }
 }

package/layers/page-transitions/package.json

@@ -2,5 +2,8 @@
   "name": "kmcom-layer-page-transitions",
   "version": "0.0.1",
   "type": "module",
-  "main": "./nuxt.config.ts"
+  "main": "./nuxt.config.ts",
+  "scripts": {
+    "lint": "eslint ."
+  }
 }

package/layers/routing/app/types/app-config.d.ts

@@ -1,5 +1,7 @@
+import type { RoutingLayerConfig } from './routing'
+
 declare module '@nuxt/schema' {
   interface AppConfigInput {
-    routingLayer?: Partial<import('./routing').RoutingLayerConfig>
+    routingLayer?: Partial<RoutingLayerConfig>
   }
 }

package/layers/routing/app/types/index.ts

@@ -0,0 +1 @@
+export type * from './routing'

package/layers/routing/package.json

@@ -4,6 +4,7 @@
   "type": "module",
   "main": "./nuxt.config.ts",
   "scripts": {
-    "typecheck": "vue-tsc --noEmit -p ../../tsconfig.typecheck.json"
+    "typecheck": "vue-tsc --noEmit -p ../../tsconfig.typecheck.json",
+    "lint": "eslint ."
   }
 }

package/layers/scripts/app/composables/useGtm.ts

@@ -4,7 +4,7 @@ export function useGtm() {
 
   const gtmConfig = scriptsLayer?.gtm
   if (!gtmConfig?.enabled || !gtmConfig?.id) {
-    return { push: (_data: Record<string, unknown>) => {}, load: () => {} }
+    return { push: () => {}, load: () => {} }
   }
 
   // Load on Nuxt ready unless consent is required and not yet granted

package/layers/scripts/app/types/index.ts

@@ -0,0 +1 @@
+export type * from './scripts'

package/layers/scripts/app/types/scripts.ts

@@ -0,0 +1,14 @@
+export type LoadStrategy = 'onNuxtReady' | 'idle' | 'manual'
+
+export type ScriptLoaderOptions = {
+  src: string
+  key?: string
+  strategy?: LoadStrategy
+  crossorigin?: 'anonymous' | 'use-credentials'
+  integrity?: string
+}
+
+export type AnalyticsProxy = {
+  track: (event: string, params?: Record<string, unknown>) => void
+  load: () => void
+}

package/layers/scripts/package.json

@@ -6,7 +6,8 @@
   "scripts": {
     "dev": "nuxi dev",
     "dev:playground": "PLAYGROUND_LAYERS=core,scripts pnpm -F playground dev",
-    "typecheck": "vue-tsc --noEmit -p ../../tsconfig.typecheck.json"
+    "typecheck": "vue-tsc --noEmit -p ../../tsconfig.typecheck.json",
+    "lint": "eslint ."
   },
   "dependencies": {
     "@nuxt/scripts": "catalog:"

package/layers/scroll/app/components/Motion/ScrollScene.vue

@@ -1,4 +1,6 @@
 <script setup lang="ts">
+  import type { ScrollTrigger as GSAPScrollTrigger } from 'gsap/ScrollTrigger'
+
   import { SCROLL_SCENE_KEY, type ScrollSceneContext } from '../../composables/useScrollSteps'
 
   const {
@@ -72,7 +74,7 @@
     unregisterStep,
   })
 
-  let st: { kill: () => void } | null = null
+  let st: GSAPScrollTrigger | null = null
 
   onMounted(() => {
     if (!containerRef.value) return

package/layers/scroll/app/composables/useScrollSteps.ts

@@ -1,15 +1,8 @@
-import type { ComputedRef, Ref } from 'vue'
+import type { ScrollSceneContext } from '../types/scroll'
 
 export const SCROLL_SCENE_KEY = Symbol('motionScrollScene')
 
-export type ScrollSceneContext = {
-  progress: Ref<number>
-  active: Ref<boolean>
-  name: string
-  stepCount: ComputedRef<number>
-  registerStep: (index: number) => void
-  unregisterStep: (index: number) => void
-}
+export type { ScrollSceneContext }
 
 /**
  * Step/waypoint state tracking — must be used inside a MotionScrollScene.

package/layers/scroll/app/composables/useSectionProgress.ts

@@ -1,3 +1,4 @@
+import type { ScrollTrigger } from 'gsap/ScrollTrigger'
 import type { MaybeRef } from 'vue'
 
 type SectionProgressOptions = {
@@ -27,7 +28,7 @@ export function useSectionProgress(
   const entering = computed(() => active.value && direction.value > 0)
   const leaving = computed(() => active.value && direction.value < 0)
 
-  let st: { kill: () => void } | null = null
+  let st: ScrollTrigger | null = null
 
   onMounted(() => {
     const el = unref(trigger)

package/layers/scroll/app/plugins/locomotive-scroll.client.ts

@@ -1,13 +1,6 @@
 import { ScrollTrigger } from 'gsap/ScrollTrigger'
 import LocomotiveScroll from 'locomotive-scroll'
-
-export type ScrollState = {
-  scroll: number
-  limit: number
-  velocity: number
-  direction: number
-  progress: number
-}
+import type { ScrollState } from '../types/scroll'
 
 export default defineNuxtPlugin({
   name: 'scroll:locomotive-scroll',

package/layers/scroll/app/types/index.ts

@@ -0,0 +1 @@
+export type * from './scroll'