kmcom-nuxt-layers 2.7.5 → 4.0.0

package/layers/{database → data/database}/package.json

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

package/layers/{database → data/database}/tsconfig.json

@@ -1,5 +1,5 @@
 {
-  "extends": "../../apps/playground/tsconfig.json",
+  "extends": "../../../apps/playground/tsconfig.json",
   "compilerOptions": {
     "strict": true
   },

package/layers/{forms/app/types/app-config.d.ts → data/forms/app/app.config.ts}

@@ -1,3 +1,7 @@
+export default defineAppConfig({
+  formsLayer: {},
+})
+
 declare module '@nuxt/schema' {
   interface AppConfigInput {
     formsLayer?: {

package/layers/{forms → data/forms}/package.json

@@ -6,7 +6,7 @@
   "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": {

package/layers/{forms → data/forms}/server/api/forms/status.get.ts

@@ -1,9 +1,11 @@
 import { useMailerConfig } from '#layers/mailer/server/utils/config'
 
 export default defineEventHandler(() => {
-  const { resendApiKey } = useMailerConfig()
+  const { resendApiKey, emailFrom, emailTo } = useMailerConfig()
 
   return {
     configured: Boolean(resendApiKey),
+    emailFrom,
+    emailTo,
   }
 })

package/layers/{animations → data/forms}/tsconfig.json

@@ -1,5 +1,5 @@
 {
-  "extends": "../../apps/playground/tsconfig.json",
+  "extends": "../../../apps/playground/tsconfig.json",
   "compilerOptions": {
     "strict": true
   },

package/layers/{mailer → data/mailer}/nuxt.config.ts

@@ -3,7 +3,7 @@ export default defineNuxtConfig({
     name: 'mailer',
   },
 
-  extends: ['../core'],
+  extends: ['../../core'],
 
   alias: {
     '#layers/mailer': import.meta.dirname,
@@ -24,3 +24,13 @@ export default defineNuxtConfig({
     strict: true,
   },
 })
+
+declare module '@nuxt/schema' {
+  interface RuntimeConfig {
+    mailerLayer?: {
+      resendApiKey: string
+      emailFrom: string
+      emailTo: string
+    }
+  }
+}

package/layers/{mailer → data/mailer}/package.json

@@ -6,7 +6,7 @@
   "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": {

package/layers/{auth → data/mailer}/tsconfig.json

@@ -1,5 +1,5 @@
 {
-  "extends": "../../apps/playground/tsconfig.json",
+  "extends": "../../../apps/playground/tsconfig.json",
   "compilerOptions": {
     "strict": true
   },

package/layers/data/metadata/app/composables/useMetadataItem.ts

@@ -0,0 +1,18 @@
+import type { MetadataProviderId, MetadataRecord } from '#layers/metadata/shared/types'
+
+// Widened to `string` so $fetch's typed-route inference (which recurses over
+// every known Nitro route) doesn't run against this literal — avoids a
+// TS "excessive stack depth" error once the route count grows.
+const LOOKUP_URL: string = '/api/metadata/lookup'
+
+export function useMetadataItem(
+  provider: MetadataProviderId,
+  providerId: string,
+  resourceType?: string
+) {
+  return useAsyncData(`metadata-item:${provider}:${providerId}`, () =>
+    $fetch<MetadataRecord>(LOOKUP_URL, {
+      query: { provider, providerId, resourceType },
+    })
+  )
+}

package/layers/data/metadata/app/composables/useMetadataSearch.ts

@@ -0,0 +1,37 @@
+import type {
+  MetadataMediaType,
+  MetadataProviderId,
+  MetadataSearchResult,
+} from '#layers/metadata/shared/types'
+
+type UseMetadataSearchOptions = {
+  mediaType?: MaybeRef<MetadataMediaType | undefined>
+  providers?: MaybeRef<MetadataProviderId[] | undefined>
+  limit?: MaybeRef<number | undefined>
+  /** Debounce the query before firing a request. Set 0 to disable. Default 300ms. */
+  debounceMs?: number
+}
+
+export function useMetadataSearch(query: MaybeRef<string>, options: UseMetadataSearchOptions = {}) {
+  const { mediaType, providers, limit, debounceMs = 300 } = options
+
+  const raw = computed(() => toValue(query).trim())
+  const q = debounceMs > 0 ? refDebounced(raw, debounceMs) : raw
+  const mt = computed(() => toValue(mediaType))
+
+  return useAsyncData(
+    () => `metadata-search:${q.value}:${mt.value ?? ''}`,
+    () => {
+      if (!q.value) return Promise.resolve([])
+      return $fetch('/api/metadata/search', {
+        query: {
+          q: q.value,
+          mediaType: mt.value,
+          providers: toValue(providers)?.join(','),
+          limit: toValue(limit),
+        },
+      }) as Promise<MetadataSearchResult[]>
+    },
+    { watch: [q, mt], immediate: false }
+  )
+}

package/layers/{metadata → data/metadata}/nuxt.config.ts

@@ -3,7 +3,7 @@ export default defineNuxtConfig({
     name: 'metadata',
   },
 
-  extends: ['../core'],
+  extends: ['../../core'],
 
   alias: {
     '#layers/metadata': import.meta.dirname,

package/layers/{metadata → data/metadata}/package.json

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

package/layers/{metadata → data/metadata}/providers/comicvine/nuxt.config.ts

@@ -26,7 +26,7 @@ export default defineNuxtConfig({
 })
 
 declare module '@nuxt/schema' {
-  type RuntimeConfig = {
+  interface RuntimeConfig {
     metadataComicvine: {
       apiKey: string
       baseUrl: string

package/layers/{metadata → data/metadata}/providers/comicvine/package.json

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

package/layers/data/metadata/providers/comicvine/tsconfig.json

@@ -0,0 +1,7 @@
+{
+  "extends": "../../../../../apps/playground/tsconfig.json",
+  "compilerOptions": {
+    "strict": true
+  },
+  "exclude": ["node_modules"]
+}

package/layers/{metadata → data/metadata}/providers/google-books/nuxt.config.ts

@@ -24,7 +24,7 @@ export default defineNuxtConfig({
 })
 
 declare module '@nuxt/schema' {
-  type RuntimeConfig = {
+  interface RuntimeConfig {
     metadataGoogleBooks: {
       apiKey: string
     }

package/layers/{metadata → data/metadata}/providers/google-books/package.json

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

package/layers/{metadata → data/metadata}/providers/google-books/server/utils/metadata-google-books/client.ts

@@ -32,7 +32,11 @@ export async function searchGoogleBooks(
   const apiKey = getApiKey()
   if (apiKey) params.key = apiKey
 
-  return $fetch<GoogleBooksSearchResponse>(`${BASE}/volumes`, { query: params })
+  try {
+    return await $fetch<GoogleBooksSearchResponse>(`${BASE}/volumes`, { query: params })
+  } catch (err) {
+    throw new MetadataProviderError('google-books', `API error: ${String(err)}`)
+  }
 }
 
 export async function fetchGoogleBooksVolume(id: string): Promise<GoogleBooksVolume> {
@@ -40,5 +44,9 @@ export async function fetchGoogleBooksVolume(id: string): Promise<GoogleBooksVol
   const apiKey = getApiKey()
   if (apiKey) params.key = apiKey
 
-  return $fetch<GoogleBooksVolume>(`${BASE}/volumes/${id}`, { query: params })
+  try {
+    return await $fetch<GoogleBooksVolume>(`${BASE}/volumes/${id}`, { query: params })
+  } catch (err) {
+    throw new MetadataProviderError('google-books', `API error: ${String(err)}`)
+  }
 }

package/layers/data/metadata/providers/google-books/tsconfig.json

@@ -0,0 +1,7 @@
+{
+  "extends": "../../../../../apps/playground/tsconfig.json",
+  "compilerOptions": {
+    "strict": true
+  },
+  "exclude": ["node_modules"]
+}

package/layers/{metadata → data/metadata}/providers/openlibrary/package.json

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

package/layers/{metadata → data/metadata}/providers/openlibrary/server/utils/metadata-openlibrary/client.ts

@@ -10,23 +10,35 @@ export async function searchOpenLibrary(
   query: string,
   limit = 10
 ): Promise<OpenLibrarySearchResponse> {
-  return $fetch<OpenLibrarySearchResponse>(`${BASE}/search.json`, {
-    timeout: 10000,
-    query: {
-      q: query,
-      limit,
-      fields:
-        'key,title,subtitle,author_name,author_key,publisher,first_publish_year,isbn,cover_i,number_of_pages_median',
-    },
-  })
+  try {
+    return await $fetch<OpenLibrarySearchResponse>(`${BASE}/search.json`, {
+      timeout: 10000,
+      query: {
+        q: query,
+        limit,
+        fields:
+          'key,title,subtitle,author_name,author_key,publisher,first_publish_year,isbn,cover_i,number_of_pages_median',
+      },
+    })
+  } catch (err) {
+    throw new MetadataProviderError('openlibrary', `API error: ${String(err)}`)
+  }
 }
 
 export async function lookupOpenLibraryWork(workId: string): Promise<OpenLibraryWork> {
-  return $fetch<OpenLibraryWork>(`${BASE}/works/${workId}.json`)
+  try {
+    return await $fetch<OpenLibraryWork>(`${BASE}/works/${workId}.json`)
+  } catch (err) {
+    throw new MetadataProviderError('openlibrary', `API error: ${String(err)}`)
+  }
 }
 
 export async function lookupOpenLibraryEdition(editionId: string): Promise<OpenLibraryEdition> {
-  return $fetch<OpenLibraryEdition>(`${BASE}/books/${editionId}.json`)
+  try {
+    return await $fetch<OpenLibraryEdition>(`${BASE}/books/${editionId}.json`)
+  } catch (err) {
+    throw new MetadataProviderError('openlibrary', `API error: ${String(err)}`)
+  }
 }
 
 export async function lookupByIsbn(isbn: string): Promise<OpenLibraryEdition | null> {

package/layers/data/metadata/providers/openlibrary/tsconfig.json

@@ -0,0 +1,7 @@
+{
+  "extends": "../../../../../apps/playground/tsconfig.json",
+  "compilerOptions": {
+    "strict": true
+  },
+  "exclude": ["node_modules"]
+}

package/layers/{metadata → data/metadata}/providers/themoviedb/nuxt.config.ts

@@ -26,7 +26,7 @@ export default defineNuxtConfig({
 })
 
 declare module '@nuxt/schema' {
-  type RuntimeConfig = {
+  interface RuntimeConfig {
     metadataTmdb: {
       apiKey: string
       baseUrl: string

package/layers/{metadata → data/metadata}/providers/themoviedb/package.json

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

package/layers/{metadata → data/metadata}/providers/themoviedb/tsconfig.json

@@ -1,5 +1,5 @@
 {
-  "extends": "../../../../apps/playground/tsconfig.json",
+  "extends": "../../../../../apps/playground/tsconfig.json",
   "compilerOptions": { "strict": true },
   "exclude": ["node_modules"]
 }

package/layers/{metadata → data/metadata}/server/utils/metadata/search.ts

@@ -20,10 +20,17 @@ export async function searchMetadata(input: MetadataSearchInput): Promise<Metada
   const cached = await getSearchCache<MetadataSearchResult[]>(cacheKey)
   if (cached) return cached
 
-  const settled = await Promise.all(
-    targets.map(async (p) => {
+  type SearchOutcome = {
+    provider: (typeof targets)[number]
+    value?: MetadataSearchResult[]
+    reason?: unknown
+  }
+
+  const settled: SearchOutcome[] = await Promise.all(
+    targets.map(async (p): Promise<SearchOutcome> => {
       try {
-        return { provider: p, value: await p.search(input) }
+        const value = await p.search(input)
+        return { provider: p, value }
       } catch (reason) {
         return { provider: p, reason }
       }
@@ -32,7 +39,7 @@ export async function searchMetadata(input: MetadataSearchInput): Promise<Metada
 
   const results: MetadataSearchResult[] = []
   for (const outcome of settled) {
-    if ('value' in outcome) {
+    if (outcome.value) {
       results.push(...outcome.value)
       continue
     }

package/layers/data/metadata/tsconfig.json

@@ -0,0 +1,7 @@
+{
+  "extends": "../../../apps/playground/tsconfig.json",
+  "compilerOptions": {
+    "strict": true
+  },
+  "exclude": ["node_modules"]
+}

package/layers/{feeds → delivery/feeds}/app/components/Feeds/Index.vue

@@ -1,9 +1,13 @@
 <script setup lang="ts">
   import contentManifest from '#content/manifest'
 
-  import { createFeedCatalog } from '../../utils/feed-catalog'
+  import { createFeedCatalog, type FeedCatalogInput } from '../../utils/feed-catalog'
 
-  const appConfig = useAppConfig()
+  type AppFeedAppConfig = FeedCatalogInput & {
+    feedsLayer?: { feed?: FeedCatalogInput['feed'] }
+  }
+
+  const appConfig = useAppConfig() as unknown as AppFeedAppConfig
 
   const catalog = computed(() =>
     createFeedCatalog({

package/layers/{feeds → delivery/feeds}/app/components/Feeds/RouteCard.vue

@@ -1,4 +1,6 @@
 <script setup lang="ts">
+  import { computed } from 'vue'
+
   import { type FeedRoute } from '../../utils/feed-catalog'
 
   const { route, compact = false } = defineProps<{

package/layers/{feeds → delivery/feeds}/app/plugins/feed-head.ts

@@ -1,11 +1,15 @@
 import contentManifest from '#content/manifest'
 
-import { createFeedCatalog } from '../utils/feed-catalog'
+import { createFeedCatalog, type FeedCatalogInput } from '../utils/feed-catalog'
+
+type AppFeedAppConfig = FeedCatalogInput & {
+  feedsLayer?: { feed?: FeedCatalogInput['feed'] }
+}
 
 export default defineNuxtPlugin({
   name: 'feeds:feed-head',
   setup() {
-    const appConfig = useAppConfig()
+    const appConfig = useAppConfig() as unknown as AppFeedAppConfig
     const site = appConfig.site ?? {}
     const siteTitle: string = site.title ?? ''
     const catalog = createFeedCatalog({

package/layers/{feeds → delivery/feeds}/app/utils/feed-catalog.ts

@@ -17,12 +17,14 @@ export type FeedCatalogSiteInput = {
 }
 
 export type FeedCatalogInput = {
-  site?: FeedCatalogSiteInput
-  feed?: {
-    collections?: readonly string[]
-    defaultCollection?: string
-    limit?: number
-  }
+  site?: FeedCatalogSiteInput | undefined
+  feed?:
+    | {
+        collections?: readonly string[]
+        defaultCollection?: string
+        limit?: number
+      }
+    | undefined
   manifest?: FeedManifest
 }
 

package/layers/{feeds → delivery/feeds}/nuxt.config.ts

@@ -4,7 +4,7 @@ export default defineNuxtConfig({
     name: 'feeds',
   },
 
-  extends: process.env.FEEDS_STANDALONE ? ['../core', '../content'] : [],
+  extends: process.env.FEEDS_STANDALONE ? ['../../core', '../../content'] : [],
 
   alias: {
     '#layers/feeds': import.meta.dirname,

package/layers/{feeds → delivery/feeds}/package.json

@@ -5,7 +5,7 @@
   "private": true,
   "main": "./nuxt.config.ts",
   "scripts": {
-    "typecheck": "vue-tsc --noEmit -p ../../tsconfig.typecheck.json",
+    "typecheck": "vue-tsc --noEmit -p ../../../tsconfig.typecheck.json",
     "dev": "nuxi dev .playground",
     "dev:prepare": "nuxt prepare .playground",
     "build": "FEEDS_STANDALONE=true nuxi build",

package/layers/{feeds → delivery/feeds}/server/utils/feed-config.ts

@@ -2,7 +2,7 @@ import type { SiteConfig } from '#layers/core/app/types/site'
 
 import type { FeedConfig } from './types'
 
-type AppFeedConfig = {
+export type AppFeedConfig = {
   site?: SiteConfig
   feedsLayer?: {
     feed?: {

package/layers/{feeds → delivery/feeds}/server/utils/feed-service.ts

@@ -5,6 +5,7 @@ import {
   resolveFeedCollection,
   resolveFeedLimit,
   resolveFeedSiteConfig,
+  type AppFeedConfig,
 } from './feed-config'
 import type { FeedConfig, FeedItem } from './types'
 
@@ -13,7 +14,7 @@ export async function buildFeed(
   collection?: string,
   options?: { unlimited?: boolean }
 ): Promise<{ items: FeedItem[]; config: FeedConfig }> {
-  const appConfig = useAppConfig()
+  const appConfig = useAppConfig() as unknown as AppFeedConfig
   const feedConfig = appConfig.feedsLayer?.feed
   const requestUrl = getRequestURL(event)
   const { site, siteUrl } = resolveFeedSiteConfig(appConfig, requestUrl)

package/layers/delivery/feeds/tsconfig.json

@@ -0,0 +1,7 @@
+{
+  "extends": "../../../apps/playground/tsconfig.json",
+  "compilerOptions": {
+    "strict": true
+  },
+  "exclude": ["node_modules"]
+}

package/layers/{scripts → delivery/scripts}/app/composables/useAnalytics.ts

@@ -2,10 +2,12 @@ import {
   createAnalyticsClient,
   resolveScriptTrigger,
   type AnalyticsClient,
+  type ScriptsLayerConfig,
 } from '../utils/scriptClients'
 
 export function useAnalytics(): AnalyticsClient {
-  const { scriptsLayer } = useAppConfig()
+  const appConfig = useAppConfig()
+  const scriptsLayer = appConfig.scriptsLayer as ScriptsLayerConfig | undefined
   const { hasConsent, consentRequired } = useScriptsConsent()
 
   const provider = scriptsLayer?.analytics?.provider

package/layers/{scripts → delivery/scripts}/app/composables/useGtm.ts

@@ -1,7 +1,13 @@
-import { createGtmClient, resolveScriptTrigger, type GtmClient } from '../utils/scriptClients'
+import {
+  createGtmClient,
+  resolveScriptTrigger,
+  type GtmClient,
+  type ScriptsLayerConfig,
+} from '../utils/scriptClients'
 
 export function useGtm(): GtmClient {
-  const { scriptsLayer } = useAppConfig()
+  const appConfig = useAppConfig()
+  const scriptsLayer = appConfig.scriptsLayer as ScriptsLayerConfig | undefined
   const { hasConsent, consentRequired } = useScriptsConsent()
 
   const gtmConfig = scriptsLayer?.gtm

package/layers/{scripts → delivery/scripts}/app/composables/useScriptsConsent.ts

@@ -1,5 +1,8 @@
+import type { ScriptsLayerConfig } from '../utils/scriptClients'
+
 export function useScriptsConsent() {
-  const { scriptsLayer } = useAppConfig()
+  const appConfig = useAppConfig()
+  const scriptsLayer = appConfig.scriptsLayer as ScriptsLayerConfig | undefined
   const storageKey = scriptsLayer?.consent?.storageKey ?? 'scripts-consent'
 
   const hasConsent = useState<boolean>(`scripts:consent`, () => {

package/layers/{scripts → delivery/scripts}/app/utils/scriptClients.ts

@@ -2,6 +2,25 @@ import type { Ref } from 'vue'
 
 export type ScriptTrigger = ReturnType<typeof useScriptTriggerConsent> | 'onNuxtReady'
 
+export type ScriptsLayerConfig = {
+  consent?: {
+    required?: boolean
+    storageKey?: string
+  }
+  analytics?: {
+    provider?: 'ga4' | 'plausible' | 'fathom' | null
+    id?: string
+  }
+  gtm?: {
+    enabled?: boolean
+    id?: string
+  }
+  performance?: {
+    prefetchLinks?: boolean
+    preconnect?: string[]
+  }
+}
+
 export type AnalyticsClient = {
   track: (event: string, params?: Record<string, unknown>) => void
   load: () => void

package/layers/{scripts → delivery/scripts}/nuxt.config.ts

@@ -4,13 +4,18 @@ export default defineNuxtConfig({
     name: 'scripts',
   },
 
-  extends: ['../core'],
+  extends: ['../../core'],
 
   modules: ['@nuxt/scripts'],
 
   alias: {
     '#layers/scripts': import.meta.dirname,
-    '#layers/scripts/types': `${import.meta.dirname}/app/types`,
+  },
+
+  vue: {
+    compilerOptions: {
+      isCustomElement: (tag) => tag === 'baseline-status' || tag === 'baseline-icon',
+    },
   },
 
   compatibilityDate: '2026-06-06',

package/layers/{scripts → delivery/scripts}/package.json

@@ -6,10 +6,11 @@
   "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:"
+    "@nuxt/scripts": "catalog:",
+    "baseline-status": "catalog:"
   }
 }

package/layers/delivery/scripts/tsconfig.json

@@ -0,0 +1,7 @@
+{
+  "extends": "../../../apps/playground/tsconfig.json",
+  "compilerOptions": {
+    "strict": true
+  },
+  "exclude": ["node_modules"]
+}

package/layers/delivery/seo/app/composables/useSeoConfig.ts

@@ -0,0 +1,8 @@
+import { resolveSeoConfig, type SeoLayerConfig } from '../utils/seoConfig'
+
+export function useSeoConfig() {
+  const site = useSiteConfig()
+  const appConfig = useAppConfig()
+  const seoLayer = appConfig.seoLayer as SeoLayerConfig | undefined
+  return resolveSeoConfig(site, seoLayer)
+}