kmcom-nuxt-layers 2.2.0 → 2.2.1

package/layers/content/app/types/collections.d.ts

@@ -0,0 +1,46 @@
+/**
+ * Frontmatter type augmentation for the content collections.
+ *
+ * The runtime schemas live in `content.config.ts` but are intentionally NOT
+ * passed to `defineCollection` (c12 initializes configs with jiti's
+ * `moduleCache: false`, so zod validators never initialize — see the layer
+ * docs). Nuxt Content therefore generates bare collection interfaces; this
+ * file adds the frontmatter fields so they stay typed. Keep in sync with the
+ * schemas in `content.config.ts`.
+ */
+import type { ContentAuthor, GalleryImage, PortfolioColor, PortfolioFont } from './content'
+
+declare module '@nuxt/content' {
+  interface ContentCollectionItem {
+    image?: string
+  }
+
+  interface BlogCollectionItem {
+    date?: string
+    image?: string
+    authors?: ContentAuthor[]
+    tags?: string[]
+    badge?: string
+    draft?: boolean
+    readingTime?: number
+  }
+
+  interface PortfolioCollectionItem {
+    image?: string
+    tags?: string[]
+    client?: string
+    year?: number
+    url?: string
+    featured?: boolean
+    colors?: PortfolioColor[]
+    typography?: PortfolioFont[]
+  }
+
+  interface GalleryCollectionItem {
+    images?: GalleryImage[]
+    tags?: string[]
+    date?: string
+  }
+}
+
+export {}

package/layers/content/nuxt.config.ts

@@ -1,4 +1,3 @@
-/* eslint-disable no-restricted-syntax */
 // Conditionally load nuxt-studio if installed (optional peer dependency) and in development
 const studioModule: string[] = []
 if (process.env.NODE_ENV === 'development') {

package/layers/core/app/components/ErrorBoundary.vue

@@ -1,7 +1,4 @@
-<!-- eslint-disable vue/no-boolean-default -->
-<!-- eslint-disable @typescript-eslint/ban-ts-comment -->
 <script setup lang="ts">
-  // @ts-nocheck
   /**
    * ErrorBoundary component - Catches errors in child components
    *

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

@@ -1,4 +1,3 @@
-/* eslint-disable complexity */
 // composables/useBrowser.ts
 
 type BrowserInfo = {

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

@@ -1,6 +1,3 @@
-/* eslint-disable no-restricted-syntax */
-/* eslint-disable @typescript-eslint/ban-ts-comment */
-// @ts-nocheck
 
 // composables/useCache.ts
 import { useOnline } from '@vueuse/core'

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

@@ -1,5 +1,3 @@
-/* eslint-disable no-restricted-syntax */
-/* eslint-disable @typescript-eslint/no-unused-expressions */
 /**
  * Error logging composable for tracking and reporting errors
  *

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

@@ -1,6 +1,3 @@
-/* eslint-disable no-restricted-syntax */
-/* eslint-disable @typescript-eslint/ban-ts-comment */
-// @ts-nocheck
 // composables/useFeatures.ts
 import type { FeatureDetection } from '#layers/core/app/types/detection'
 import {

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

@@ -1,9 +1,10 @@
-/* eslint-disable no-restricted-syntax */
 // composables/useLoading.ts
 
 // Timer IDs are non-reactive and intentionally module-scope (singleton)
-let progressInterval: ReturnType<typeof setInterval> | null = null
-let progressTimeout: ReturnType<typeof setTimeout> | null = null
+const _timers = {
+  progressInterval: null as ReturnType<typeof setInterval> | null,
+  progressTimeout: null as ReturnType<typeof setTimeout> | null,
+}
 
 /**
  * Loading state composable for app initialization and async operations
@@ -26,31 +27,31 @@ export function useLoading() {
     isLoading.value = true
     progress.value = 0
 
-    if (progressInterval) clearInterval(progressInterval)
-    if (progressTimeout) clearTimeout(progressTimeout)
+    if (_timers.progressInterval) clearInterval(_timers.progressInterval)
+    if (_timers.progressTimeout) clearTimeout(_timers.progressTimeout)
 
-    progressInterval = setInterval(() => {
+    _timers.progressInterval = setInterval(() => {
       if (progress.value < 90) {
         const increment = Math.random() * 5 + 3
         progress.value = Math.min(progress.value + increment, 90)
-      } else {
-        if (progressInterval) {
-          clearInterval(progressInterval)
-          progressInterval = null
-        }
+        return
+      }
+      if (_timers.progressInterval) {
+        clearInterval(_timers.progressInterval)
+        _timers.progressInterval = null
       }
     }, 150)
   }
 
   function stopLoading(): void {
-    if (progressInterval) {
-      clearInterval(progressInterval)
-      progressInterval = null
+    if (_timers.progressInterval) {
+      clearInterval(_timers.progressInterval)
+      _timers.progressInterval = null
     }
 
     progress.value = 100
 
-    progressTimeout = setTimeout(() => {
+    _timers.progressTimeout = setTimeout(() => {
       isLoading.value = false
     }, 100)
   }

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

@@ -1,5 +1,3 @@
-/* eslint-disable @typescript-eslint/ban-ts-comment */
-// @ts-nocheck
 // composables/useNetworkInfo.ts
 import { useNetwork } from '@vueuse/core'
 

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

@@ -1,4 +1,3 @@
-/* eslint-disable @typescript-eslint/consistent-type-assertions */
 /**
  * PWA composable for managing Progressive Web App functionality
  *

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

@@ -1,5 +1,3 @@
-/* eslint-disable @typescript-eslint/ban-ts-comment */
-// @ts-nocheck
 // composables/useRendering.ts
 
 type RenderMode = 'ssr' | 'ssg' | 'csr' | 'hybrid'

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

@@ -1,5 +1,3 @@
-/* eslint-disable @typescript-eslint/ban-ts-comment */
-// @ts-nocheck
 // composables/useScreen.ts
 import { breakpointsTailwind, useBreakpoints, useScreenOrientation } from '@vueuse/core'
 

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

@@ -1,4 +1,3 @@
-/* eslint-disable no-restricted-syntax */
 // composables/useScrollGuard.ts
 
 import type { ScrollGuardConfig } from '#layers/core/app/types/scroll-guard'
@@ -22,16 +21,17 @@ const clampedElements = new WeakMap<HTMLElement, SavedStyles>()
 /** Live set so we can iterate and restore on disable */
 const clampedSet = new Set<HTMLElement>()
 
-let observer: MutationObserver | null = null
-let debouncedGuard: (() => void) | null = null
-let resizeHandler: (() => void) | null = null
-let savedHtmlOverflowX = ''
-let savedBodyOverflowX = ''
-let savedBodyMaxWidth = ''
-let savedBodyTransition = ''
-
-// Current resolved options (set by enable())
-let opts: ScrollGuardConfig | null = null
+// Singleton DOM tracking (non-reactive, client-only)
+const _s = {
+  observer: null as MutationObserver | null,
+  debouncedGuard: null as (() => void) | null,
+  resizeHandler: null as (() => void) | null,
+  savedHtmlOverflowX: '',
+  savedBodyOverflowX: '',
+  savedBodyMaxWidth: '',
+  savedBodyTransition: '',
+  opts: null as ScrollGuardConfig | null,
+}
 
 // ---------------------------------------------------------------------------
 // Composable
@@ -58,8 +58,8 @@ export function useScrollGuard() {
   const clampedCount = useState('core:scroll-guard:clamped', () => 0)
 
   function shouldExclude(el: HTMLElement): boolean {
-    if (!opts) return true
-    return opts.excludeSelectors.some((sel) => {
+    if (!_s.opts) return true
+    return _s.opts.excludeSelectors.some((sel) => {
       try {
         return el.matches(sel)
       } catch {
@@ -69,7 +69,7 @@ export function useScrollGuard() {
   }
 
   function clampElement(el: HTMLElement) {
-    if (!opts || clampedElements.has(el) || shouldExclude(el)) return
+    if (!_s.opts || clampedElements.has(el) || shouldExclude(el)) return
     if (el.scrollWidth <= window.innerWidth) return
 
     clampedElements.set(el, {
@@ -80,11 +80,11 @@ export function useScrollGuard() {
     })
     clampedSet.add(el)
 
-    el.style.transition = `max-width ${opts.transitionDuration}ms ease`
+    el.style.transition = `max-width ${_s.opts.transitionDuration}ms ease`
     el.style.maxWidth = '100%'
     el.style.boxSizing = 'border-box'
 
-    if (opts.debug) {
+    if (_s.opts.debug) {
       el.style.outline = '2px dashed red'
       setTimeout(() => {
         el.style.outline = ''
@@ -95,7 +95,7 @@ export function useScrollGuard() {
   }
 
   function guard() {
-    if (!isEnabled.value || !opts) return
+    if (!isEnabled.value || !_s.opts) return
 
     const html = document.documentElement
     const body = document.body
@@ -104,7 +104,7 @@ export function useScrollGuard() {
     body.style.overflowX = 'clip'
     body.style.maxWidth = '100vw'
 
-    if (!opts.strict) return
+    if (!_s.opts.strict) return
 
     const elements = document.body.querySelectorAll<HTMLElement>('*')
     for (const el of elements) {
@@ -115,10 +115,10 @@ export function useScrollGuard() {
   }
 
   function startObservers() {
-    if (!opts) return
+    if (!_s.opts) return
 
-    observer = new MutationObserver((mutations) => {
-      if (!isEnabled.value || !opts?.strict) return
+    _s.observer = new MutationObserver((mutations) => {
+      if (!isEnabled.value || !_s.opts?.strict) return
       for (const m of mutations) {
         for (const node of m.addedNodes) {
           if (node instanceof HTMLElement) {
@@ -130,22 +130,22 @@ export function useScrollGuard() {
         }
       }
     })
-    observer.observe(document.body, { childList: true, subtree: true })
+    _s.observer.observe(document.body, { childList: true, subtree: true })
 
-    debouncedGuard = debounce(guard, opts.resizeDebounce)
-    resizeHandler = debouncedGuard
-    window.addEventListener('resize', resizeHandler)
+    _s.debouncedGuard = debounce(guard, _s.opts.resizeDebounce)
+    _s.resizeHandler = _s.debouncedGuard
+    window.addEventListener('resize', _s.resizeHandler)
   }
 
   function stopObservers() {
-    if (observer) {
-      observer.disconnect()
-      observer = null
+    if (_s.observer) {
+      _s.observer.disconnect()
+      _s.observer = null
     }
-    if (resizeHandler) {
-      window.removeEventListener('resize', resizeHandler)
-      resizeHandler = null
-      debouncedGuard = null
+    if (_s.resizeHandler) {
+      window.removeEventListener('resize', _s.resizeHandler)
+      _s.resizeHandler = null
+      _s.debouncedGuard = null
     }
   }
 
@@ -165,10 +165,10 @@ export function useScrollGuard() {
 
     const html = document.documentElement
     const body = document.body
-    html.style.overflowX = savedHtmlOverflowX
-    body.style.overflowX = savedBodyOverflowX
-    body.style.maxWidth = savedBodyMaxWidth
-    body.style.transition = savedBodyTransition
+    html.style.overflowX = _s.savedHtmlOverflowX
+    body.style.overflowX = _s.savedBodyOverflowX
+    body.style.maxWidth = _s.savedBodyMaxWidth
+    body.style.transition = _s.savedBodyTransition
   }
 
   function enable(config?: Partial<ScrollGuardConfig>) {
@@ -180,7 +180,7 @@ export function useScrollGuard() {
       appConfig.coreLayer as { scrollGuard?: Partial<ScrollGuardConfig> } | undefined
     )?.scrollGuard
 
-    opts = {
+    _s.opts = {
       enabled: true,
       excludeSelectors: ['.carousel', '.overflow-intent'],
       strict: true,
@@ -193,10 +193,10 @@ export function useScrollGuard() {
 
     const html = document.documentElement
     const body = document.body
-    savedHtmlOverflowX = html.style.overflowX
-    savedBodyOverflowX = body.style.overflowX
-    savedBodyMaxWidth = body.style.maxWidth
-    savedBodyTransition = body.style.transition
+    _s.savedHtmlOverflowX = html.style.overflowX
+    _s.savedBodyOverflowX = body.style.overflowX
+    _s.savedBodyMaxWidth = body.style.maxWidth
+    _s.savedBodyTransition = body.style.transition
 
     isEnabled.value = true
     guard()
@@ -210,15 +210,15 @@ export function useScrollGuard() {
     isEnabled.value = false
     stopObservers()
     restoreAll()
-    opts = null
+    _s.opts = null
   }
 
   function toggle() {
     if (isEnabled.value) {
       disable()
-    } else {
-      enable()
+      return
     }
+    enable()
   }
 
   function scan() {

package/layers/core/app/layouts/default.vue

@@ -1,4 +1,3 @@
-<!-- eslint-disable vue/no-multiple-template-root -->
 <template>
   <slot />
 </template>

package/layers/core/app/plugins/error-handler.ts

@@ -1,5 +1,6 @@
-/* eslint-disable no-restricted-syntax */
-export default defineNuxtPlugin((nuxtApp) => {
+export default defineNuxtPlugin({
+  name: 'core:error-handler',
+  setup(nuxtApp) {
   const { logError } = useErrorLog()
 
   // Global Vue error handler
@@ -44,4 +45,5 @@ export default defineNuxtPlugin((nuxtApp) => {
       console.log('✅ Error cleared')
     }
   })
+  },
 })

package/layers/core/app/plugins/feature-detection.client.ts

@@ -1,6 +1,3 @@
-/* eslint-disable no-restricted-syntax */
-/* eslint-disable @typescript-eslint/ban-ts-comment */
-// @ts-nocheck
 // plugins/feature-detection.client.ts
 
 /**
@@ -14,7 +11,9 @@
  * This ensures feature detection happens automatically on every page load,
  * making feature flags available immediately to all components.
  */
-export default defineNuxtPlugin(() => {
+export default defineNuxtPlugin({
+  name: 'core:feature-detection',
+  setup() {
   // Initialize feature detection
   const features = useFeatures()
 
@@ -31,4 +30,5 @@ export default defineNuxtPlugin(() => {
       avif: features.avif.value,
     })
   }
+  },
 })

package/layers/core/app/plugins/init.ts

@@ -1,8 +1,3 @@
-/* eslint-disable complexity */
-/* eslint-disable @typescript-eslint/consistent-type-assertions */
-/* eslint-disable no-restricted-syntax */
-/* eslint-disable @typescript-eslint/ban-ts-comment */
-// @ts-nocheck
 /**
  * Core Layer Initialization Plugin
  *
@@ -14,7 +9,9 @@
  *
  * This runs before other plugins and ensures the app is ready.
  */
-export default defineNuxtPlugin((nuxtApp) => {
+export default defineNuxtPlugin({
+  name: 'core:init',
+  setup(nuxtApp) {
   const config = useAppConfig()
   // const isDev = import.meta.dev
   const isDev = process.env.NODE_ENV === 'development'
@@ -177,4 +174,5 @@ export default defineNuxtPlugin((nuxtApp) => {
       },
     },
   }
+  },
 })

package/layers/core/app/plugins/loading.client.ts

@@ -1,5 +1,3 @@
-/* eslint-disable @typescript-eslint/consistent-type-assertions */
-/* eslint-disable no-restricted-syntax */
 // plugins/loading.client.ts
 
 type LoadingConfig = {
@@ -25,7 +23,9 @@ type CoreLayerConfig = {
  * Configuration via app.config.ts:
  * - Set `coreLayer.loading.enabled: false` to disable
  */
-export default defineNuxtPlugin((nuxtApp) => {
+export default defineNuxtPlugin({
+  name: 'core:loading',
+  setup(nuxtApp) {
   const config = useAppConfig()
   const coreLayer = config.coreLayer as CoreLayerConfig | undefined
 
@@ -53,4 +53,5 @@ export default defineNuxtPlugin((nuxtApp) => {
       stopLoading()
     }, 500) // 500ms delay to ensure component is visible
   })
+  },
 })

package/layers/core/app/plugins/scroll-guard.client.ts

@@ -1,6 +1,3 @@
-/* eslint-disable complexity */
-/* eslint-disable @typescript-eslint/consistent-type-assertions */
-/* eslint-disable no-restricted-syntax */
 // plugins/scroll-guard.client.ts
 
 import type { ScrollGuardConfig } from '#layers/core/app/types/scroll-guard'
@@ -23,7 +20,9 @@ type CoreLayerConfig = {
  * - `useScrollGuard().disable()` to turn off
  * - `useScrollGuard().enable()` to turn back on
  */
-export default defineNuxtPlugin(() => {
+export default defineNuxtPlugin({
+  name: 'core:scroll-guard',
+  setup() {
   const config = useAppConfig()
   const coreLayer = config.coreLayer as CoreLayerConfig | undefined
 
@@ -53,4 +52,5 @@ export default defineNuxtPlugin(() => {
       console.log(`[Scroll Guard] Clamped ${clampedCount.value} element(s)`)
     })
   }
+  },
 })

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

@@ -1,7 +1,7 @@
 import type { SiteConfig } from './site'
 
 declare module '@nuxt/schema' {
-  type AppConfigInput = {
+  interface AppConfigInput {
     /** Shared site metadata — consumed by feeds, SEO, and any layer needing canonical site info. */
     site?: SiteConfig
     coreLayer?: {

package/layers/core/app/types/runtime-config.ts

@@ -25,7 +25,19 @@ export type CoreLayerRuntimeConfig = {
  * Augment Nuxt's RuntimeConfig
  */
 declare module 'nuxt/schema' {
-  type RuntimeConfig = {} & CoreLayerRuntimeConfig
+  interface RuntimeConfig {
+    secretKey?: string
+    apiSecretKey?: string
+    databaseUrl?: string
+  }
+
+  interface PublicRuntimeConfig {
+    apiUrl?: string
+    appName?: string
+    appVersion?: string
+    environment?: 'development' | 'staging' | 'production'
+    siteUrl?: string
+  }
 }
 
 export {}

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

@@ -1,7 +1,3 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
-/* eslint-disable @typescript-eslint/consistent-type-assertions */
-/* eslint-disable @typescript-eslint/no-non-null-assertion */
-/* eslint-disable no-restricted-syntax */
 /**
  * Core utility helpers
  *

package/layers/feeds/app/app.config.ts

@@ -9,7 +9,7 @@ export default defineAppConfig({
 })
 
 declare module '@nuxt/schema' {
-  type AppConfigInput = {
+  interface AppConfigInput {
     feedsLayer?: {
       feed?: {
         limit?: number

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

@@ -1,6 +1,6 @@
-/* eslint-disable @typescript-eslint/consistent-type-assertions */
-/* eslint-disable no-restricted-syntax */
-export default defineNuxtPlugin(() => {
+export default defineNuxtPlugin({
+  name: 'feeds:feed-head',
+  setup() {
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   const appConfig = useAppConfig() as any
   const site = appConfig.site ?? {}
@@ -70,4 +70,5 @@ export default defineNuxtPlugin(() => {
 
     return { link: [...mainLinks, ...collectionLinks] }
   })
+  },
 })

package/layers/feeds/package.json

@@ -17,7 +17,7 @@
   },
   "devDependencies": {
     "nuxt": "catalog:",
-    "vue": "^3.5.35",
+    "vue": "catalog:conflicts_conflicts_vue_latest_h3_5_35",
     "vue-router": "catalog:"
   }
 }

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

@@ -1,6 +1,4 @@
-<!-- eslint-disable @typescript-eslint/ban-ts-comment -->
 <script setup lang="ts">
-  // @ts-nocheck
   import type { FormSubmitEvent } from '@nuxt/ui'
   import { z } from 'zod'
 

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

@@ -1,4 +1,3 @@
-<!-- eslint-disable vue/require-default-prop -->
 <script setup lang="ts">
   import { fieldConfigs, type FieldType } from '../../config/fields'
   import type { FieldSize } from '../../types/fields'

package/layers/forms/app/composables/useFormSchema.ts

@@ -1,4 +1,3 @@
-/* eslint-disable @typescript-eslint/consistent-type-assertions */
 import { z, type ZodObject, type ZodRawShape, type ZodTypeAny } from 'zod'
 
 import { fieldConfigs, type FieldType } from '../config/fields'

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

@@ -1,5 +1,5 @@
 declare module '@nuxt/schema' {
-  type AppConfigInput = {
+  interface AppConfigInput {
     formsLayer?: {
       name?: string
     }

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

@@ -1,7 +1,4 @@
-<!-- eslint-disable vue/define-props-destructuring -->
-<!-- eslint-disable @typescript-eslint/ban-ts-comment -->
 <script setup lang="ts">
-  // @ts-nocheck
   /**
    * BaseGridItem - Positions content on the Swiss Grid
    *

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

@@ -1,6 +1,3 @@
-<!-- eslint-disable vue/no-boolean-default vue/no-duplicate-attr-inheritance -->
-<!-- eslint-disable vue/no-duplicate-attr-inheritance -->
-<!-- eslint-disable vue/require-default-prop -->
 <script setup lang="ts">
   /**
    * PageContainer - Unified page wrapper component
@@ -98,7 +95,6 @@
   <!-- UPage Layout Mode - needs wrapper with MastMain -->
   <div v-else>
     <MastMain>
-      <!-- eslint-disable-next-line vue/no-duplicate-attr-inheritance -->
       <UPage v-bind="$attrs">
         <slot />
       </UPage>

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

@@ -1,4 +1,3 @@
-<!-- eslint-disable vue/define-props-destructuring -->
 <script setup lang="ts">
   /**
    * PageHeader - Standard page header component

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

@@ -1,4 +1,3 @@
-<!-- eslint-disable vue/require-default-prop -->
 <script setup lang="ts">
   /**
    * LayoutPage — canonical page wrapper for the Swiss Grid System.

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

@@ -1,4 +1,3 @@
-<!-- eslint-disable vue/require-default-prop -->
 <script setup lang="ts" generic="T">
   /**
    * SectionGallery - Auto-placing grid for collections

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

@@ -1,7 +1,4 @@
-<!-- eslint-disable vue/no-boolean-default -->
-<!-- eslint-disable @typescript-eslint/ban-ts-comment -->
 <script setup lang="ts">
-  // @ts-nocheck
   /**
    * SectionHero - Full-viewport hero section
    *

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

@@ -1,7 +1,4 @@
-<!-- eslint-disable vue/no-boolean-default -->
-<!-- eslint-disable @typescript-eslint/ban-ts-comment -->
 <script setup lang="ts">
-  // @ts-nocheck
   /**
    * LayoutSectionStack — Pancake Stack layout
    *

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

@@ -1,4 +1,3 @@
-<!-- eslint-disable vue/define-props-destructuring -->
 <script setup lang="ts">
   /**
    * PageHeader - Standard page header component