kmcom-nuxt-layers 2.7.4 → 3.0.0

package/layers/{layout → structure/layout}/app/utils/gridPlacementStyle.ts

@@ -7,7 +7,6 @@ type ResponsiveValue<T> = {
 type Alignment = 'start' | 'center' | 'end' | 'stretch'
 type LayerName = 'back' | 'mid' | 'front' | 'top'
 type BleedDirection = 'left' | 'right' | 'both'
-type AspectRatio = '1/1' | '4/3' | '3/4' | '16/9' | '9/16' | '2/1' | '1/2'
 type ContainerSize = 'content' | 'wide' | 'fluid' | 'full'
 type Density = 'compact' | 'normal' | 'relaxed'
 
@@ -21,10 +20,8 @@ export type GridPlacementInput = {
   container?: ContainerSize | undefined
   gap?: string | undefined
   density?: Density | undefined
-  z?: number | undefined
   layer?: LayerName | undefined
   bleed?: BleedDirection | undefined
-  aspect?: AspectRatio | undefined
 }
 
 type PlacementStyle = Record<string, string>
@@ -36,16 +33,6 @@ export const layerZIndex: Record<LayerName, number> = {
   top: 30,
 }
 
-export const aspectClasses: Record<AspectRatio, string> = {
-  '1/1': 'aspect-square',
-  '4/3': 'aspect-[4/3]',
-  '3/4': 'aspect-[3/4]',
-  '16/9': 'aspect-video',
-  '9/16': 'aspect-[9/16]',
-  '2/1': 'aspect-[2/1]',
-  '1/2': 'aspect-[1/2]',
-}
-
 // fallow-ignore-next-line complexity
 export function resolveDefaultPlacement<T>(
   value: T | ResponsiveValue<T> | undefined,
@@ -136,8 +123,8 @@ export function resolveRhythmStyles(density?: Density): PlacementStyle {
   return { '--rhythm': rhythmMap[density] }
 }
 
-export function resolveLayerStyles(z?: number, layer?: LayerName): PlacementStyle {
-  const zIndex = z ?? (layer ? layerZIndex[layer] : undefined)
+export function resolveLayerStyles(layer?: LayerName): PlacementStyle {
+  const zIndex = layer ? layerZIndex[layer] : undefined
   return zIndex !== undefined ? { zIndex: String(zIndex) } : {}
 }
 
@@ -182,17 +169,16 @@ export function buildGridPlacementStyle(input: GridPlacementInput): PlacementSty
 
   Object.assign(style, resolveAlignmentStyles(input.align, input.justify))
   Object.assign(style, resolveRhythmStyles(input.density))
-  Object.assign(style, resolveLayerStyles(input.z, input.layer))
+  Object.assign(style, resolveLayerStyles(input.layer))
 
   if (input.gap) style['--grid-gap'] = input.gap
 
   return style
 }
 
-export function buildGridPlacementClasses(input: Pick<GridPlacementInput, 'aspect' | 'container'>) {
+export function buildGridPlacementClasses(input: Pick<GridPlacementInput, 'container'>) {
   const classList: string[] = ['gi-placed', '@container', '@container/item']
 
-  if (input.aspect) classList.push(aspectClasses[input.aspect])
   if (input.container) classList.push(`layout-container-${input.container}`)
 
   return classList.join(' ')

package/layers/{layout → structure/layout}/nuxt.config.ts

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

package/layers/{layout → structure/layout}/package.json

@@ -4,7 +4,7 @@
   "version": "0.0.1",
   "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": "nuxt build .playground",

package/layers/structure/layout/tsconfig.json

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

package/layers/{navigation → structure/navigation}/app/app.config.ts

@@ -1,9 +1,11 @@
+import type { SiteConfig } from '#layers/core/app/types/site'
+
 export default defineAppConfig({
   site: {
     title: '',
     subtitle: '',
     description: '',
-  },
+  } satisfies SiteConfig,
   mastNav: {
     links: [] as Array<{
       id: string
@@ -18,11 +20,7 @@ export default defineAppConfig({
 
 declare module '@nuxt/schema' {
   interface AppConfigInput {
-    site?: {
-      title?: string
-      subtitle?: string
-      description?: string
-    }
+    // `site` is already typed by core's own AppConfigInput augmentation — no need to redeclare it.
     mastNav?: {
       links?: Array<{
         id: string

package/layers/structure/navigation/app/components/Mast/Header.vue

@@ -0,0 +1,11 @@
+<script lang="ts" setup>
+  import type { SiteConfig } from '#layers/core/app/types/site'
+
+  const appConfig = useAppConfig()
+  const site = appConfig.site as SiteConfig | undefined
+  const title = site?.title ?? 'Site Title'
+</script>
+
+<template>
+  <UHeader :title />
+</template>

package/layers/{navigation → structure/navigation}/app/components/Mast/Nav.vue

@@ -8,7 +8,7 @@
     aria-label="Open navigation menu"
     class="fixed right-0 top-0 flex cursor-pointer items-center justify-center border-0 bg-transparent p-4"
     :style="{ zIndex: z }"
-    @click="open"
+    @click="() => open()"
   >
     <slot name="icon">
       <UIcon name="lucide:menu" class="size-7" />

package/layers/structure/navigation/app/composables/mastNav.ts

@@ -0,0 +1,15 @@
+import MastNavModal from '../components/Mast/NavModal.vue'
+import { createModal } from '../utils/createModal'
+
+export const useMastNav = createModal(MastNavModal, {
+  onOpen: () => {
+    try {
+      useSmoothScroll().lockScrolling()
+    } catch {}
+  },
+  onClose: () => {
+    try {
+      useSmoothScroll().unlockScrolling()
+    } catch {}
+  },
+})

package/layers/{navigation → structure/navigation}/app/utils/createModal.ts

@@ -6,6 +6,13 @@ export type ModalController<P extends Record<string, unknown>> = {
   patch: (props: Partial<P>) => void
 }
 
+export type CreateModalOptions = {
+  /** Called before the modal opens — e.g. lock body scroll. */
+  onOpen?: () => void
+  /** Called after the modal closes — e.g. unlock body scroll. */
+  onClose?: () => void
+}
+
 /**
  * Factory that turns any overlay-compatible component into a shared modal composable.
  *
@@ -21,10 +28,16 @@ export type ModalController<P extends Record<string, unknown>> = {
  * The returned composable is wrapped with createSharedComposable so overlay.create()
  * is only called once regardless of how many components call it.
  *
+ * Pass `onOpen`/`onClose` for side effects that must run around every open/close
+ * (e.g. scroll-locking) without duplicating the overlay wiring at each call site.
+ *
  * The modal component must accept `open: boolean` and emit `update:open` + `close`.
  * Extend BaseModal.vue as a starting point.
  */
-export function createModal<P extends Record<string, unknown>>(component: Component) {
+export function createModal<P extends Record<string, unknown>>(
+  component: Component,
+  options: CreateModalOptions = {}
+) {
   return createSharedComposable((): ModalController<P> => {
     if (import.meta.server) {
       return { open: () => {}, close: () => {}, patch: () => {} }
@@ -35,8 +48,14 @@ export function createModal<P extends Record<string, unknown>>(component: Compon
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     const modal = overlay.create(component as any)
     return {
-      open: (props?: Partial<P>) => modal.open(props as never),
-      close: () => modal.close(),
+      open: (props?: Partial<P>) => {
+        options.onOpen?.()
+        modal.open(props as never)
+      },
+      close: () => {
+        modal.close()
+        options.onClose?.()
+      },
       patch: (props: Partial<P>) => modal.patch(props as never),
     }
   })

package/layers/{navigation → structure/navigation}/nuxt.config.ts

@@ -1,7 +1,7 @@
 export default defineNuxtConfig({
   $meta: { name: 'navigation' },
 
-  extends: ['../core', '../scroll', '../layout', '../typography'],
+  extends: ['../../core', '../../motion/scroll', '../layout', '../../design-system/typography'],
 
   alias: {
     '#layers/navigation': import.meta.dirname,

package/layers/structure/navigation/tsconfig.json

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

package/layers/{routing → structure/routing}/app/app.config.ts

@@ -1,6 +1,9 @@
-export default {
+import type { RoutingLayerConfig } from './types/routing'
+
+export default defineAppConfig({
   routingLayer: {
     preset: 'simple',
+    betaRedirect: '/coming-soon',
     strictDefaultDeny: false,
     layerDefaultDeny: false,
     runtimeFlags: false,
@@ -8,5 +11,11 @@ export default {
     maintenance: { enabled: false, allowRoutes: ['/maintenance'] },
     scrollRouting: { enabled: false, mode: 'replace' },
     features: {},
-  },
+  } as RoutingLayerConfig,
+})
+
+declare module '@nuxt/schema' {
+  interface AppConfigInput {
+    routingLayer?: Partial<RoutingLayerConfig>
+  }
 }

package/layers/{routing → structure/routing}/nuxt.config.ts

@@ -7,7 +7,7 @@ type RoutePage = {
 export default defineNuxtConfig({
   $meta: { name: 'routing' },
 
-  extends: ['../core'],
+  extends: ['../../core'],
 
   alias: {
     '#layers/routing': import.meta.dirname,

package/layers/{routing → structure/routing}/package.json

@@ -4,7 +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/structure/routing/tsconfig.json

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

package/package.json

@@ -1,38 +1,36 @@
 {
   "name": "kmcom-nuxt-layers",
   "private": false,
-  "version": "2.7.4",
+  "version": "3.0.0",
   "description": "Composable Nuxt 4 layers for building scalable Vue applications",
   "exports": {
     "./layers/core": "./layers/core/nuxt.config.ts",
-    "./layers/seo": "./layers/seo/nuxt.config.ts",
-    "./layers/scripts": "./layers/scripts/nuxt.config.ts",
-    "./layers/typography": "./layers/typography/nuxt.config.ts",
-    "./layers/navigation": "./layers/navigation/nuxt.config.ts",
-    "./layers/visual": "./layers/visual/nuxt.config.ts",
-    "./layers/ui": "./layers/ui/nuxt.config.ts",
-    "./layers/layout": "./layers/layout/nuxt.config.ts",
-    "./layers/scroll": "./layers/scroll/nuxt.config.ts",
-    "./layers/animations": "./layers/animations/nuxt.config.ts",
-    "./layers/transitions": "./layers/transitions/nuxt.config.ts",
-    "./layers/page-transitions": "./layers/page-transitions/nuxt.config.ts",
-    "./layers/motion": "./layers/motion/nuxt.config.ts",
-    "./layers/canvas": "./layers/canvas/nuxt.config.ts",
-    "./layers/shader": "./layers/shader/nuxt.config.ts",
-    "./layers/mailer": "./layers/mailer/nuxt.config.ts",
-    "./layers/forms": "./layers/forms/nuxt.config.ts",
-    "./layers/database": "./layers/database/nuxt.config.ts",
-    "./layers/auth": "./layers/auth/nuxt.config.ts",
-    "./layers/theme": "./layers/theme/nuxt.config.ts",
+    "./layers/seo": "./layers/delivery/seo/nuxt.config.ts",
+    "./layers/scripts": "./layers/delivery/scripts/nuxt.config.ts",
+    "./layers/typography": "./layers/design-system/typography/nuxt.config.ts",
+    "./layers/navigation": "./layers/structure/navigation/nuxt.config.ts",
+    "./layers/visual": "./layers/design-system/visual/nuxt.config.ts",
+    "./layers/layout": "./layers/structure/layout/nuxt.config.ts",
+    "./layers/scroll": "./layers/motion/scroll/nuxt.config.ts",
+    "./layers/animations": "./layers/motion/animations/nuxt.config.ts",
+    "./layers/transitions": "./layers/motion/transitions/nuxt.config.ts",
+    "./layers/page-transitions": "./layers/motion/page-transitions/nuxt.config.ts",
+    "./layers/motion": "./layers/motion/motion/nuxt.config.ts",
+    "./layers/canvas": "./layers/render/canvas/nuxt.config.ts",
+    "./layers/shader": "./layers/render/shader/nuxt.config.ts",
+    "./layers/mailer": "./layers/data/mailer/nuxt.config.ts",
+    "./layers/forms": "./layers/data/forms/nuxt.config.ts",
+    "./layers/database": "./layers/data/database/nuxt.config.ts",
+    "./layers/auth": "./layers/data/auth/nuxt.config.ts",
+    "./layers/theming": "./layers/design-system/theming/nuxt.config.ts",
     "./layers/content": "./layers/content/nuxt.config.ts",
-    "./layers/feeds": "./layers/feeds/nuxt.config.ts",
-    "./layers/routing": "./layers/routing/nuxt.config.ts",
-    "./layers/starter": "./layers/starter/nuxt.config.ts",
-    "./layers/metadata": "./layers/metadata/nuxt.config.ts",
-    "./layers/metadata/providers/comicvine": "./layers/metadata/providers/comicvine/nuxt.config.ts",
-    "./layers/metadata/providers/openlibrary": "./layers/metadata/providers/openlibrary/nuxt.config.ts",
-    "./layers/metadata/providers/google-books": "./layers/metadata/providers/google-books/nuxt.config.ts",
-    "./layers/metadata/providers/themoviedb": "./layers/metadata/providers/themoviedb/nuxt.config.ts"
+    "./layers/feeds": "./layers/delivery/feeds/nuxt.config.ts",
+    "./layers/routing": "./layers/structure/routing/nuxt.config.ts",
+    "./layers/metadata": "./layers/data/metadata/nuxt.config.ts",
+    "./layers/metadata/providers/comicvine": "./layers/data/metadata/providers/comicvine/nuxt.config.ts",
+    "./layers/metadata/providers/openlibrary": "./layers/data/metadata/providers/openlibrary/nuxt.config.ts",
+    "./layers/metadata/providers/google-books": "./layers/data/metadata/providers/google-books/nuxt.config.ts",
+    "./layers/metadata/providers/themoviedb": "./layers/data/metadata/providers/themoviedb/nuxt.config.ts"
   },
   "files": [
     "layers/*/nuxt.config.ts",
@@ -43,10 +41,18 @@
     "layers/*/app/**",
     "layers/*/public/**",
     "layers/*/server/**",
-    "layers/*/providers/*/nuxt.config.ts",
-    "layers/*/providers/*/package.json",
-    "layers/*/providers/*/tsconfig.json",
-    "layers/*/providers/*/server/**",
+    "layers/*/*/nuxt.config.ts",
+    "layers/*/*/app.config.ts",
+    "layers/*/*/package.json",
+    "layers/*/*/tsconfig.json",
+    "layers/*/*/tailwind.config.*",
+    "layers/*/*/app/**",
+    "layers/*/*/public/**",
+    "layers/*/*/server/**",
+    "layers/*/*/providers/*/nuxt.config.ts",
+    "layers/*/*/providers/*/package.json",
+    "layers/*/*/providers/*/tsconfig.json",
+    "layers/*/*/providers/*/server/**",
     "types/**",
     "docs/"
   ],
@@ -142,17 +148,17 @@
   "devDependencies": {
     "@commitlint/cli": "^21.0.2",
     "@commitlint/config-conventional": "^21.0.2",
-    "@culur/config-stylelint": "^1.7.1",
+    "@culur/config-stylelint": "^1.7.2",
     "@eslint/json": "^1.2.0",
-    "@eslint/markdown": "^8.0.2",
+    "@eslint/markdown": "^8.0.3",
     "@ianvs/prettier-plugin-sort-imports": "^4.7.1",
-    "@iconify-json/lucide": "^1.2.111",
+    "@iconify-json/lucide": "^1.2.126",
     "@netlify/nuxt": "0.3.7",
     "@nuxt/eslint": "^1.15.2",
     "@nuxt/fonts": "^0.14.0",
     "@nuxt/image": "^2.1.0",
     "@nuxt/test-utils": "^4.0.3",
-    "@nuxt/ui": "^4.10.0",
+    "@nuxt/ui": "latest",
     "@nuxtjs/device": "^4.0.0",
     "@oxc-parser/binding-darwin-arm64": "^0.134.0",
     "@perplex-digital/stylelint-config": "^17.4.0",
@@ -162,15 +168,15 @@
     "@types/three": "^0.184.1",
     "@typescript-eslint/eslint-plugin": "^8.60.1",
     "@typescript-eslint/parser": "^8.60.1",
-    "@vitejs/plugin-vue": "^6.0.7",
-    "@vitest/coverage-v8": "^4.1.8",
+    "@vitejs/plugin-vue": "^6.0.8",
+    "@vitest/coverage-v8": "^4.1.11",
     "@vue/eslint-config-typescript": "^14.7.0",
     "@vue/test-utils": "^2.4.10",
     "@vueuse/core": "^14.3.0",
     "@vueuse/nuxt": "^14.3.0",
     "@webgpu/glslang": "^0.0.15",
-    "@webgpu/types": "^0.1.70",
-    "browserslist": "^4.28.2",
+    "@webgpu/types": "^0.1.72",
+    "browserslist": "^4.28.8",
     "browserslist-config-baseline": "^0.5.0",
     "changesets": "^1.0.2",
     "csstype": "^3.2.3",
@@ -188,15 +194,15 @@
     "happy-dom": "^20.10.3",
     "netlify-cli": "^26.1.0",
     "npm-check-updates": "^22.2.2",
-    "nuxt": "^4.4.7",
+    "nuxt": "latest",
     "pinia": "^4.0.3",
     "postcss-html": "^1.8.1",
     "prettier": "^3.8.3",
     "prettier-plugin-css-order": "^2.2.0",
-    "prettier-plugin-glsl": "^0.3.0",
+    "prettier-plugin-glsl": "^0.3.1",
     "prettier-plugin-organize-attributes": "^1.0.0",
     "prettier-plugin-tailwind-styled-components": "^2.0.2",
-    "prettier-plugin-tailwindcss": "^0.8.0",
+    "prettier-plugin-tailwindcss": "^0.8.1",
     "stylelint": "^17.12.0",
     "stylelint-config-recommended-vue": "^1.6.1",
     "stylelint-config-standard": "^40.0.0",
@@ -204,14 +210,14 @@
     "stylelint-config-tailwindcss": "^1.0.1",
     "stylelint-no-unsupported-browser-features": "^8.1.1",
     "stylelint-prettier": "^5.0.3",
-    "tailwindcss": "^4.3.3",
+    "tailwindcss": "latest",
     "turbo": "^2.9.18",
     "type-fest": "^5.7.0",
     "typescript": "^6",
-    "vite-plugin-checker": "^0.14.1",
-    "vitest": "^4.1.8",
-    "vue": "^3.5.35",
-    "vue-tsc": "3.3.3",
+    "vite-plugin-checker": "^0.14.5",
+    "vitest": "^4.1.11",
+    "vue": "3.5.35",
+    "vue-tsc": "3.3.11",
     "zod": "^4.4.3",
     "zod-to-json-schema": "^3.25.2"
   },
@@ -224,7 +230,7 @@
   ],
   "dependencies": {
     "node-gyp": "^12.3.0",
-    "skills": "^1.5.10"
+    "skills": "^1.5.23"
   },
   "engines": {
     "node": ">=24 <25"
@@ -238,8 +244,7 @@
     "dev:debug": "pnpm -F debug dev",
     "dev:identity": "pnpm -F visual-identity dev",
     "dev:core": "PLAYGROUND_LAYERS=core pnpm -F playground dev",
-    "dev:ui": "PLAYGROUND_LAYERS=core,ui pnpm -F playground dev",
-    "dev:layout": "PLAYGROUND_LAYERS=core,ui,layout pnpm -F playground dev",
+    "dev:layout": "PLAYGROUND_LAYERS=core,layout pnpm -F playground dev",
     "dev:motion": "PLAYGROUND_LAYERS=core,motion pnpm -F playground dev",
     "dev:database": "PLAYGROUND_LAYERS=core,database pnpm -F playground dev",
     "dev:auth": "PLAYGROUND_LAYERS=core,auth pnpm -F playground dev",
@@ -281,24 +286,19 @@
     "info": "node scripts/info.mjs",
     "rebuild": "pnpm install && pnpm turbo run build && pnpm turbo run dev",
     "commit:core": "git add layers/core && git commit -m \"chore(core): update\"",
-    "commit:ui": "git add layers/ui && git commit -m \"chore(ui): update\"",
     "commit:layout": "git add layers/layout && git commit -m \"chore(layout): update\"",
     "commit:motion": "git add layers/motion && git commit -m \"chore(motion): update\"",
     "commit:root": "git add . && git commit -m \"chore(root): update\"",
     "layer:core": "pnpm turbo run dev --filter core",
-    "layer:ui": "pnpm turbo run dev --filter ui",
     "layer:layout": "pnpm turbo run dev --filter layout",
     "layer:motion": "pnpm turbo run dev --filter motion",
     "build:core": "pnpm turbo run build --filter core",
-    "build:ui": "pnpm turbo run build --filter ui",
     "build:layout": "pnpm turbo run build --filter layout",
     "build:motion": "pnpm turbo run build --filter motion",
     "layer:generate:core": "pnpm turbo run generate --filter core",
-    "layer:generate:ui": "pnpm turbo run generate --filter ui",
     "layer:generate:layout": "pnpm turbo run generate --filter layout",
     "layer:generate:motion": "pnpm turbo run generate --filter motion",
     "layer:rebuild:core": "pnpm build:core && pnpm layer:generate:core && pnpm layer:core",
-    "layer:rebuild:ui": "pnpm build:ui && pnpm layer:generate:ui && pnpm layer:ui",
     "layer:rebuild:layout": "pnpm build:layout && pnpm layer:generate:layout && pnpm layer:layout",
     "layer:rebuild:motion": "pnpm build:motion && pnpm layer:generate:motion && pnpm layer:motion",
     "browserlist": "npx update-browserslist-db@latest",

package/docs/fallow-refactor/layers-ui.md

@@ -1,27 +0,0 @@
-# layers/ui
-
-`layers/ui` has no complexity or duplication findings in the current Fallow snapshot used for this audit.
-
-## Complexity Findings
-
-- No current findings.
-
-## Duplication Findings
-
-- No current findings in the supplied Problems export.
-
-## Component Opportunities
-
-- No extraction is recommended.
-
-## Composable Opportunities
-
-- No extraction is recommended.
-
-## Utility Opportunities
-
-- No extraction is recommended.
-
-## Agent Notes
-
-Do not create refactor work for this layer unless a later Fallow run introduces findings.

package/layers/animations/app/types/animations.ts

@@ -1,8 +0,0 @@
-export type UseCountUpOptions = {
-  to: number
-  from?: number
-  duration?: number
-  ease?: string
-  format?: (n: number) => string
-  once?: boolean
-}

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

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

package/layers/baseline/nuxt.config.ts

@@ -1,24 +0,0 @@
-export default defineNuxtConfig({
-  $meta: {
-    name: 'baseline',
-  },
-
-  extends: ['../core'],
-
-  alias: {
-    '#layers/baseline': import.meta.dirname,
-  },
-
-  compatibilityDate: '2026-06-06',
-
-  vue: {
-    compilerOptions: {
-      isCustomElement: (tag) => tag === 'baseline-status' || tag === 'baseline-icon',
-    },
-  },
-
-  typescript: {
-    typeCheck: false,
-    strict: true,
-  },
-})

package/layers/baseline/package.json

@@ -1,14 +0,0 @@
-{
-  "name": "kmcom-layer-baseline",
-  "version": "0.0.1",
-  "type": "module",
-  "main": "./nuxt.config.ts",
-  "scripts": {
-    "dev:playground": "PLAYGROUND_LAYERS=core,baseline pnpm -F playground dev",
-    "typecheck": "vue-tsc --noEmit -p ../../tsconfig.typecheck.json",
-    "lint": "eslint ."
-  },
-  "dependencies": {
-    "baseline-status": "catalog:"
-  }
-}

package/layers/content/app/components/Blog/Card.vue

@@ -1,43 +0,0 @@
-<script setup lang="ts">
-  const {
-    title,
-    description = undefined,
-    date = undefined,
-    image = undefined,
-    badge = undefined,
-    authors = [],
-    to = undefined,
-  } = defineProps<{
-    title: string
-    description?: string
-    date?: string
-    image?: string
-    badge?: string
-    authors?: { name: string; avatar?: string; url?: string }[]
-    to?: string
-  }>()
-
-  const postProps = computed(() => ({
-    ...(description !== undefined && { description }),
-    ...(date !== undefined && { date }),
-    ...(image !== undefined && { image }),
-    ...(badge !== undefined && { badge }),
-    ...(to !== undefined && { to }),
-  }))
-</script>
-
-<template>
-  <UBlogPost
-    :title
-    v-bind="postProps"
-    :authors="
-      authors.map((a) => ({
-        name: a.name,
-        ...(a.avatar && { avatar: { src: a.avatar } }),
-        ...(a.url && { to: a.url, target: '_blank' as const }),
-      }))
-    "
-    variant="outline"
-    class="@container"
-  />
-</template>