kmcom-nuxt-layers 1.7.9 → 2.2.0

package/layers/content/app/components/content/Figure.vue

@@ -1,23 +1,23 @@
 <!-- eslint-disable vue/require-default-prop -->
 <script setup lang="ts">
-const {
-  src,
-  alt = '',
-  caption,
-  width,
-  height,
-} = defineProps<{
-  src: string
-  alt?: string
-  caption?: string
-  width?: number
-  height?: number
-}>()
+  const {
+    src,
+    alt = '',
+    caption,
+    width,
+    height,
+  } = defineProps<{
+    src: string
+    alt?: string
+    caption?: string
+    width?: number
+    height?: number
+  }>()
 </script>
 
 <template>
   <figure class="my-6">
-    <img :src="src" :alt="alt" :width="width" :height="height" class="w-full rounded-lg" />
+    <img :src :alt :width :height class="w-full rounded-lg" />
     <figcaption v-if="caption" class="mt-2 text-center text-sm text-muted italic">
       {{ caption }}
     </figcaption>

package/layers/content/app/composables/createPortfolioComposables.ts

@@ -1,3 +1,4 @@
+/* eslint-disable @typescript-eslint/ban-ts-comment */
 // @ts-nocheck
 import type { PortfolioQueryOptions } from '../types/content'
 
@@ -6,7 +7,9 @@ export function createPortfolioComposables(collectionName: string) {
     const { featured, tags, limit } = options
 
     return useContentData(`${collectionName}-items`, async () => {
-      let items = await queryCollection(collectionName).order('year', 'DESC').all()
+      let items = (await queryCollection(collectionName).all()).sort(
+        (a, b) => (b.year ?? 0) - (a.year ?? 0)
+      )
 
       if (featured !== undefined) {
         items = items.filter((item) => item.featured === featured)

package/layers/content/app/composables/useBlogPosts.ts

@@ -4,7 +4,9 @@ export function useBlogPosts(options: BlogQueryOptions = {}) {
   const { excludeDrafts = true, tags, limit } = options
 
   return useContentData('blog-posts', async () => {
-    let posts = await queryCollection('blog').order('date', 'DESC').all()
+    let posts = (await queryCollection('blog').all()).sort(
+      (a, b) => (b.date ?? '').localeCompare(a.date ?? '')
+    )
 
     if (excludeDrafts) {
       posts = posts.filter((post) => !post.draft)

package/layers/content/app/composables/useCollectionItem.ts

@@ -1,7 +1,10 @@
+/* eslint-disable @typescript-eslint/consistent-type-assertions */
 import type { Collections } from '@nuxt/content'
 
 export function useCollectionItem(collection: string, slug: string) {
   return useContentData(`${collection}-${slug}`, () =>
-    queryCollection(collection as keyof Collections).path(`/${collection}/${slug}`).first()
+    queryCollection(collection as keyof Collections)
+      .path(`/${collection}/${slug}`)
+      .first()
   )
 }

package/layers/content/app/composables/useCollectionSurround.ts

@@ -1,3 +1,4 @@
+/* eslint-disable @typescript-eslint/consistent-type-assertions */
 import type { PageCollections } from '@nuxt/content'
 
 export function useCollectionSurround(collection: string, slug: string) {

package/layers/content/app/composables/useContentPage.ts

@@ -1,3 +1,4 @@
+/* eslint-disable @typescript-eslint/ban-ts-comment */
 // @ts-nocheck
 export function useContentPage(path: string) {
   return useContentData(`content-page-${path}`, () => queryCollection('content').path(path).first())

package/layers/content/app/composables/useGalleryItems.ts

@@ -1,3 +1,4 @@
+/* eslint-disable @typescript-eslint/ban-ts-comment */
 // @ts-nocheck
 import type { GalleryQueryOptions } from '../types/content'
 
@@ -5,7 +6,9 @@ export function useGalleryItems(options: GalleryQueryOptions = {}) {
   const { tags, limit } = options
 
   return useContentData('gallery-items', async () => {
-    let items = await queryCollection('gallery').order('date', 'DESC').all()
+    let items = (await queryCollection('gallery').all()).sort(
+      (a, b) => (b.date ?? '').localeCompare(a.date ?? '')
+    )
 
     if (tags?.length) {
       items = items.filter((item) => item.tags?.some((tag: string) => tags.includes(tag)))

package/layers/content/app/composables/usePortfolioItems.ts

@@ -1,3 +1,4 @@
+/* eslint-disable @typescript-eslint/ban-ts-comment */
 // @ts-nocheck
 import type { PortfolioQueryOptions } from '../types/content'
 
@@ -5,7 +6,9 @@ export function usePortfolioItems(options: PortfolioQueryOptions = {}) {
   const { featured, tags, limit } = options
 
   return useContentData('portfolio-items', async () => {
-    let items = await queryCollection('portfolio').order('year', 'DESC').all()
+    let items = (await queryCollection('portfolio').all()).sort(
+      (a, b) => (b.year ?? 0) - (a.year ?? 0)
+    )
 
     if (featured !== undefined) {
       items = items.filter((item) => item.featured === featured)

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

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

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

@@ -1,10 +1,10 @@
-export interface ContentAuthor {
-  name: string
+import type { Author } from '#layers/core/app/types/site'
+
+export type ContentAuthor = {
   avatar?: string
-  url?: string
-}
+} & Author
 
-export interface GalleryImage {
+export type GalleryImage = {
   src: string
   alt: string
   width?: number
@@ -14,71 +14,68 @@ export interface GalleryImage {
   ambient?: boolean
 }
 
-export interface PortfolioColor {
+export type PortfolioColor = {
   name: string
   value: string
   usage?: string
 }
 
-export interface PortfolioFont {
+export type PortfolioFont = {
   name: string
   weights?: string[]
   usage?: string
 }
 
-export interface ContentPage {
+export type BaseContent = {
   title: string
   description?: string
   image?: string
+  tags?: string[]
+  date?: string
+  draft?: boolean
 }
 
-export interface BlogPost {
-  title: string
-  description?: string
+export type ContentPage = {} & BaseContent
+
+export type BlogPost = {
   date: string
-  image?: string
   authors: ContentAuthor[]
   tags: string[]
   badge?: string
   draft: boolean
   readingTime?: number
-}
+} & BaseContent
 
-export interface PortfolioItem {
-  title: string
-  description?: string
-  image?: string
+export type PortfolioItem = {
   tags: string[]
   client?: string
   year?: number
+  /** External project URL */
   url?: string
   featured: boolean
   colors: PortfolioColor[]
   typography: PortfolioFont[]
-}
+} & BaseContent
 
-export interface GalleryItem {
-  title: string
-  description?: string
+export type GalleryItem = {
   images: GalleryImage[]
   tags: string[]
-  date?: string
-}
+} & BaseContent
 
-export interface ContentQueryOptions {
+export type ContentQueryOptions = {
   limit?: number
 }
 
-export interface BlogQueryOptions extends ContentQueryOptions {
+export type BlogQueryOptions = {
   excludeDrafts?: boolean
   tags?: string[]
-}
+} & ContentQueryOptions
 
-export interface PortfolioQueryOptions extends ContentQueryOptions {
+export type PortfolioQueryOptions = {
   featured?: boolean
   tags?: string[]
-}
+} & ContentQueryOptions
 
-export interface GalleryQueryOptions extends ContentQueryOptions {
+export type GalleryQueryOptions = {
   tags?: string[]
-}
+} & ContentQueryOptions

package/layers/content/nuxt.config.ts

@@ -1,3 +1,4 @@
+/* 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') {
@@ -13,11 +14,11 @@ export default defineNuxtConfig({
     name: 'content',
   },
 
-  // Only extend core when running standalone dev (via dev:content script)
-  extends: process.env.CONTENT_STANDALONE ? ['../core'] : [],
+  extends: ['../core'],
 
   alias: {
     '#layers/content': import.meta.dirname,
+    '#layers/content/types': `${import.meta.dirname}/app/types`,
   },
 
   modules: ['@nuxt/ui', '@nuxt/content', ...studioModule],
@@ -36,7 +37,7 @@ export default defineNuxtConfig({
   compatibilityDate: '2026-01-24',
 
   typescript: {
-    typeCheck: true,
+    typeCheck: false,
     strict: true,
   },
 })

package/layers/content/package.json

@@ -13,11 +13,11 @@
     "preview": "nuxt preview .playground"
   },
   "devDependencies": {
-    "@nuxt/content": "^3.14.0"
+    "@nuxt/content": "catalog:"
   },
   "dependencies": {
-    "better-sqlite3": "^12.10.0",
-    "zod": "^4.3.6",
-    "zod-to-json-schema": "^3.25.1"
+    "better-sqlite3": "catalog:",
+    "zod": "catalog:conflicts_zod_h4_3_6",
+    "zod-to-json-schema": "catalog:conflicts_zod-to-json-schema_h3_25_1"
   }
 }