kmcom-nuxt-layers 1.5.1 → 1.6.0

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

@@ -3,7 +3,7 @@ import type { BlogQueryOptions } from '../types/content'
 export function useBlogPosts(options: BlogQueryOptions = {}) {
   const { excludeDrafts = true, tags, limit } = options
 
-  return useAsyncData('blog-posts', async () => {
+  return useContentData('blog-posts', async () => {
     let posts = await queryCollection('blog').order('date', 'DESC').all()
 
     if (excludeDrafts) {

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

@@ -1,5 +1,5 @@
 export function useCollectionItem(collection: string, slug: string) {
-  return useAsyncData(`${collection}-${slug}`, () =>
+  return useContentData(`${collection}-${slug}`, () =>
     queryCollection(collection).path(`/${collection}/${slug}`).first()
   )
 }

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

@@ -3,7 +3,7 @@ export function useCollectionSurround(
   slug: string,
   fields: string[] = ['description']
 ) {
-  return useAsyncData(`${collection}-${slug}-surround`, () =>
+  return useContentData(`${collection}-${slug}-surround`, () =>
     queryCollectionItemSurroundings(collection, `/${collection}/${slug}`, { fields })
   )
 }

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

@@ -0,0 +1,3 @@
+export const useContentData = createUseAsyncData({
+  dedupe: 'cancel',
+})

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

@@ -1,3 +1,3 @@
 export function useContentPage(path: string) {
-  return useAsyncData(`content-page-${path}`, () => queryCollection('content').path(path).first())
+  return useContentData(`content-page-${path}`, () => queryCollection('content').path(path).first())
 }

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

@@ -3,7 +3,7 @@ import type { GalleryQueryOptions } from '../types/content'
 export function useGalleryItems(options: GalleryQueryOptions = {}) {
   const { tags, limit } = options
 
-  return useAsyncData('gallery-items', async () => {
+  return useContentData('gallery-items', async () => {
     let items = await queryCollection('gallery').order('date', 'DESC').all()
 
     if (tags?.length) {

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

@@ -3,7 +3,7 @@ import type { PortfolioQueryOptions } from '../types/content'
 export function usePortfolioItems(options: PortfolioQueryOptions = {}) {
   const { featured, tags, limit } = options
 
-  return useAsyncData('portfolio-items', async () => {
+  return useContentData('portfolio-items', async () => {
     let items = await queryCollection('portfolio').order('year', 'DESC').all()
 
     if (featured !== undefined) {

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

@@ -0,0 +1,3 @@
+export const useFormsFetch = createUseFetch({
+  baseURL: '/api/forms',
+})

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

@@ -84,9 +84,6 @@ provide('pageTitle', title)
 
     <!-- Main content slot -->
     <slot />
-
-    <!-- Grid debugging helper -->
-    <LayoutGridDebug />
   </template>
 
   <!-- UPage Layout Mode - needs wrapper with MastMain -->
@@ -96,8 +93,5 @@ provide('pageTitle', title)
         <slot />
       </UPage>
     </MastMain>
-
-    <!-- Grid debugging helper -->
-    <LayoutGridDebug />
   </div>
 </template>

package/layers/ui/app/components/Mast/Nav.vue

@@ -0,0 +1,5 @@
+<template>
+  <nav>
+    <slot />
+  </nav>
+</template>

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

@@ -8,14 +8,10 @@ const hasMastHeader = typeof mastHeader !== 'string'
 const hasMastFooter = typeof mastFooter !== 'string'
 </script>
 
-<!-- eslint-disable vue/no-multiple-template-root -->
 <template>
-  <MastScroller>
-    <component :is="mastHeader" v-if="hasMastHeader" />
-    <MastMain>
-      <slot />
-    </MastMain>
-    <component :is="mastFooter" v-if="hasMastFooter" />
-    <LayoutGridDebug />
-  </MastScroller>
+  <component :is="mastHeader" v-if="hasMastHeader" />
+  <MastMain>
+    <slot />
+  </MastMain>
+  <component :is="mastFooter" v-if="hasMastFooter" />
 </template>

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "kmcom-nuxt-layers",
   "private": false,
-  "version": "1.5.1",
+  "version": "1.6.0",
   "description": "Composable Nuxt 4 layers for building scalable Vue applications",
   "files": [
     "layers/*/nuxt.config.ts",
@@ -35,7 +35,7 @@
     "better-sqlite3": "^12.6.2",
     "gsap": "^3.14.2",
     "locomotive-scroll": "^5.0.1",
-    "nuxt": "^4.3.1",
+    "nuxt": "^4.4.2",
     "nuxt-studio": "^1.4.0",
     "pinia": "^3.0.4",
     "tailwindcss": "^4.2.1",